[JavaScript] 자바스크립트 문자열 나누기
2022. 5. 19. 18:08ㆍProgram/JavaScript
034_자바스크립트 문자열 나누기
[적용]
- URL의 해시(Hash) 데이터르르 가져올 때
- 공백을 기준으로 문자열을 나누고 싶을 때
[문법]
메소드 | 의미 | 반환 |
문자열.split([기준문자*], [최대분할수*]) | 지정 범위 내 문자열 반환 | 문자열 |
문자열.split([정규표현*], [최대분할수*]) | 지정 범위 내 문자열 반환 | 문자열 |
* 생략 가능
[내용]
split()는 첫 번째 인수로 구분된 배열을 반환한다.
const myUrl = 'http://example.com/?id=123456$name=Lion&age=28';
myUrl.split('&');
// ["http://example.com/?id=123456", "name=Lion", "age=28"]
myUrl.split(/&|\?/);
// ["http://example.com/", "id=123456", "name=Lion", "age=28"]
인수에 공백(' ')을 지정하면 한 글자 단위로 나뉜 문자의 배열이 반환된다.
'JavaScript'.split('');
// ["J", "a", "v", "a", "S", "c", "r", "i", "p", "t"]
인수를 생략하면 첫 번째 배열에 모든 문자열이 저장된다.
'JavaScript'.split();
// ["JavaScript"]
[예시]
URL로 전달된 문자열에서 파라미터 데이터를 불러오는 샘플을 확인해 보자
HTML index.html
<body>
<table>
<tr><th>ID</th><td class="id"></td></tr>
<tr><th>name</th><td class="name"></td></tr>
<tr><th>age</th><td class="age"></td></tr>
</table>
</body>
JavaScript main.js
// 해시 데이터 보관을 위한 객체
const hashes = {};
// URL의 파라미터를 배열로 가져오기
const parameters = location.search.split(/&|\?/).filter((value) => {
return value.includes('=');
})
// hashes[key]=value의 형태로 객체에 보관
parameters.forEach((parameter) => {
// hoge=fuga ['hoge', 'fuga'] 배열로 정리
const parameterList = parameter.split('=');
const key = parameterList[0];
// value를 디코딩하기
const value = decodeURICompoment(parameterList[1]);
hashes[key] = value;
});
// 파라미터 데이터 처리
// hashes에 id가 포함된 경우 처리 작업
if (hashes['id'] != null) {
document.querySelector('id').innerHTML = hashes['id'];
}
.
.
[생략]
[JavaScript] 자바스크립트에서 문자열 다루기
[JavaScript] 자바스크립트에서 문자열의 길이(문자의 수)를 확인하고 싶을때 length()
[JavaScript] 자바스크립트 문자열의 공백 처리하기 trim()
[JavaScript] 자바스크립트에서 문자열 검색하기 (인덱스 검색)
[JavaScript] 자바스크립트에서 문자열 검색하기 (부분 검색)
[JavaScript] 자바스크립트에서 문자열에서 문자 다루기 (문자열에서 문자 추출하기)
[JavaScript] 자바스크립트 문자열에서 문자 다루기 (위치 지정하여 선택하기)
[JavaScript] 자바스크립트 문자열에서 문자 다루기 (글자수 지정하여 선택하기)
[JavaScript] 자바스크립트 지정 문자열 변환하기
[JavaScript] 자바스크립트 문자열 합치기
[JavaScript] 자바스크립트 문자열의 대소문자 변환하기
[JavaScript] 자바스크립트 문자열과 식 함께 다루기
[JavaScript] 자바스크립트 문자열 다루기 (정규 표현식 사용하기)
[JavaScript] 자바스크립트 문자열 다루기 (정규 표현식으로 특정 문자 검색하기)
참조 :
실무에 바로 적용하는 자바스크립트 코드레시피 278
아케다 야스노부, 카노 타케시 지음 / 이춘혁 옮김
'Program > JavaScript' 카테고리의 다른 글
[JavaScript] 자바스크립트 문자열의 대소문자 변환하기 (0) | 2022.05.20 |
---|---|
[JavaScript] 자바스크립트 문자열 합치기 (0) | 2022.05.20 |
[JavaScript] 자바스크립트 지정 문자열 변환하기 (0) | 2022.05.19 |
[JavaScript] 자바스크립트 문자열 다루기 (글자 수 지정하여 선택하기) (0) | 2022.05.19 |
[JavaScript] 자바스크립트 문자열 다루기 (위치 지정하여 선택하기) (0) | 2022.05.19 |