JavaScript - 문자열을 배열(Array)로 변환

JavaScript에서 문자열을 배열로 변환하는 방법을 소개합니다.

1.1 문자열의 문자들을 분리하여 배열로 변환 : Spread Operator

스프레드 연산자(Spread Operator)를 이용하여 문자열을 배열로 변환할 수 있습니다. 문자열을 구성하는 문자들이 분리되어 요소로 배열에 추가됩니다.

const str = 'hello';

const arr = [...str];

console.log(Array.isArray(arr));
console.log(arr);

Output:

true
[ 'h', 'e', 'l', 'l', 'o' ]

Array.from()으로 문자열을 배열로 변환할 수 있습니다. 스프레드 연산자를 이용한 방법과 결과는 동일합니다.

const str = 'hello';

const arr = Array.from(str);

console.log(Array.isArray(arr));
console.log(arr);

Output:

true
[ 'h', 'e', 'l', 'l', 'o' ]

split()을 이용하여 구분자로 문자열을 분리하고 분리된 문자열들을 배열에 저장할 수 있습니다. 아래 예제는 문자열을 공백으로 분리하고 분리된 문자들로 배열을 만듭니다.

const str = 'hello world javascript';

const arr = str.split(' ');

console.log(Array.isArray(arr));
console.log(arr);

Output:

true
[ 'hello', 'world', 'javascript' ]

아래 예제는 comma를 구분자로 문자열을 분리하여 배열로 변환하는 예제입니다.

const str = 'hello,world,javascript';

const arr = str.split(',');

console.log(Array.isArray(arr));
console.log(arr);

Output:

true
[ 'hello', 'world', 'javascript' ]

Loading script...