본문 바로가기
개발기록/자바스크립트 & jQuery

Javascript 문자열 자르기① - split의 여러가지 방법 [자바스크립트 도장깨기]

by 쎄정 2022. 5. 5.
728x90
반응형

split()

구분자로 문자열을 분리하여 배열로 리턴한다.

 

형식

String.split(대상 문자열, 구분자);

 

1. 구분자로 분리

apple banana orange의 문자열을 각각 나눠 배열로 만드는 방법이다.

const str = "apple banana orange";
const arr = str.split();
arr.length(); // 1

const arr= str.split(" ");
arr.length(); // 3

 

2. 정규표현식으로 문자열 자르기 / 여러기호의 문자열 자르기

문자열에 여러 기호가 있는 경우 정규표현식으로 문자열을 자를 수 있다.

let arr =["mike:M", 'Alley:F', 'Jack:M'];
let a = arr.toString().split(/[,:]/); 

console.log(a); // [ 'mike', 'M', 'Alley', 'F', 'Jack', 'M' ]

 

3. 구분자와 배열인덱스

구분자로 배열의 길이별로 문자열을 분리할 수 있다.

str.split(',', '배열인덱스')로 원하는 길이까지 분리하여 배열로 리턴한다.

const str = "apple, banana, orange";
const arr = str.split(',', 0); // []
const arr = str.split(',', 0); // ['apple']
const arr = str.split(',', 0); // ['apple', 'banana']
const arr = str.split(',', 0); // ['apple', 'banana', 'orange'];

 

4. 배열 디스트럭처링(Destructing)

배열의 각 요소를 추출하여 변수에 할당한다.

const str = "apple banana orange";
const [a, b, c] = str.split(' ');

console.log(a); // apple
console.log(b); // banana
console.log(c); // orange
728x90
반응형

댓글