split() 메서드를 사용하면 자바스크립트 개발시 장문의 문자열을 배열처리하면서 데이터를 가공할 수 있다. 또는 특정키워드를 찾아 별도의 가공이나 조작을 할 수도 있다. split() 메서드를 사용하여 문자열을 배열로 만들 수 있다는 점에 주목하자. 자바스크립트 개발시 의외로 자주 접하게 될테니 말이다.
자바스크립트 문자열 배열로 만들기
converting string to array
자바스크립트는 특정 문자를 이용하거나 문자열을 이용하거나 공백을 이용하여 배열로 만들 수 있다.
먼저 자바스크립트 문자열이 배열이 된다는 것에 이해가 가지 않을 것이다.
문자열은 문자의 집합이다.
이 간단한 것으로 문자열은 문자 배열로 만들 수 있다.
문자열의 경우 특정 문자로 문자열 배열로 만들 수도 있다.
이것은 다른 프로그래밍 언어에서도 가능하다.
split() 메서드
문자열을 배열로 만드는 것 중 대표적인 것이 string.split() 메서드이다.
이 메서드는 다른 프로그래밍 언어에서도 같은 비슷한 이름을 가지고 있기도 하다.
split() 메서드에 특정 문자 또는 문자열을 인자값으로 넣어주면 그 인자값을 기준으로 자바스크립트는 배열을 만들기 시작한다.
String.split("문자")
String.split("문자열")
String.split(" ")샘플코드
위의 것을 바탕으로 자바스크립트 개발 코딩을 해 보도록 한다.
긴 문자열을 만들고 split() 메서드를 사용하면 되기 때문에 그렇게 어렵지 않을 것이다.
배열을 정확히 표현하기 위해 반복문을 사용하도록 한다.
첫번째로 공백을 기준으로 문자열을 배열로 만들어 본다.
<!DOCTYPE html>
<html>
<body>
<h1>자바스크립트 문자열 공백 없애기</h1>
<script>
console.log("----------");
let arrStr;
let vStr = "YG Ent, 블랙핑크, 지수,제니,로제,리사";
console.log(typeof(vStr), vStr);
arrStr = vStr.split(" ");
for(let lpEach in arrStr) {
vEach = arrStr[lpEach]
console.log(typeof(vEach), vEach);
}
console.log("----------");
</script>
</body>
</html>split() 함수에 공백을 사용한 것에 주목하자.
배열로 만들 문자열과 배열처리된 문자열이 어떻게 출력되는지 눈으로 살펴본다.
두번째로 콤라를 이용해 문자열을 배열로 변환해 보도록 한다.
<!DOCTYPE html>
<html>
<body>
<h1>자바스크립트 문자열 공백 없애기</h1>
<script>
console.log("----------");
let arrStr;
let vStr = "YG Ent, 블랙핑크, 지수,제니,로제,리사";
console.log(typeof(vStr), vStr);
arrStr = vStr.split(",");
for(let lpEach in arrStr) {
vEach = arrStr[lpEach]
console.log(typeof(vEach), vEach);
}
console.log("----------");
</script>
</body>
</html>첫번째 코드와 다른 것이 없다.
split() 메서드의 인자값을 공백에서 콤마로 변경해 준 것 밖에는 없다.
결과는 당연히 다르다.
콤마를 기준으로 배열로 변환됐기 때문이다.
'programming > javascript' 카테고리의 다른 글
| 자바스크립트 문자열 찾기 lastIndexOf 메서드 사용 using javascript string lastIndexOf method (0) | 2021.11.14 |
|---|---|
| 자바스크립트 문자열 찾기 indexof 메서드 사용 using javascript string search indexof method (0) | 2021.11.14 |
| 자바스크립트 문자열 문자 또는 단어 추출하기 extracting string character (0) | 2021.11.12 |
| 자바스크립트 문자열 자리수 채우기 javascript string padding (0) | 2021.11.11 |
| 자바스크립트 문자열 공백 제거 빈문자열 없애기 removing javascript whitespace (0) | 2021.11.11 |
댓글