문자열이 갖고 있는 문자들을 한글자씩 잘라서 배열로 변환하는 방법입니다.

1. Spread operator를 이용한 방법

...variable 같은 형태를 전개 연산자(spread operator)라고 하며, 갖고 있는 요소들을 나열합니다.

  • [...str] : 문자열 str가 갖고 있는 모든 문자들을 나열하여 배열에 저장

아래와 같이 spread operator를 사용하여 문자열을 한글자씩 잘라서 배열로 변환할 수 있습니다.

let str = "Hello, World!";
let result = [...str];

console.log(result);

Output:

['H', 'e', 'l', 'l', 'o', ',', ' ', 'W', 'o', 'r', 'l', 'd', '!']

2. split()을 이용한 방법

str.split('')은 문자열 str을 각 문자 별로 나눠서 배열로 변환합니다.

let str = "Hello, World!";
let result = str.split("");

console.log(result);

Output:

['H', 'e', 'l', 'l', 'o', ',', ' ', 'W', 'o', 'r', 'l', 'd', '!']

3. Array.from()을 이용한 방법

Array.from(str) 처럼 인자로 문자열을 전달하면, 배열을 생성할 때 문자열을 문자를 잘라서 각각 배열에 저장합니다.

let str = "Hello, World!";
let result = Array.from(str);

console.log(result);

Output:

['H', 'e', 'l', 'l', 'o', ',', ' ', 'W', 'o', 'r', 'l', 'd', '!']

4. for문을 이용한 방법

아래와 같이 for문으로 문자열의 모든 문자를 순회하면서, 배열에 저장하도록 구현할 수 있습니다.

let str = "Hello, World!";
let result = [];

for (let i = 0; i < str.length; i++) {
  result.push(str.charAt(i));
}

console.log(result);

Output:

['H', 'e', 'l', 'l', 'o', ',', ' ', 'W', 'o', 'r', 'l', 'd', '!']