JavaScript - 숫자를 배열로 변경하는 방법

자바스크립트에서 아래와 같이 어떤 숫자를 각각 분리하여 배열로 만드는 방법들을 알아보겠습니다.

숫자 : 123456
배열 : [1, 2, 3, 4, 5, 6]

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

숫자 -> [string, string, ...]

Array.from()을 이용하여 아래와 같이 숫자를 배열로 변환할 수 있습니다.

• Array.from()의 인자에 타입을 지정하지 않으면 기본적으로 배열의 요소들의 타입은 string이 됩니다.

const num = 123456;
const arr = Array.from(String(num));
console.log(arr);
console.log(typeof arr[0]);

Output:

[ '1', '2', '3', '4', '5', '6' ]
string

숫자 -> [Number, Number, ...]

Array.from()을 이용하여 아래와 같이 숫자를 배열로 변환할 수 있습니다.

• Array.from()의 두번째 인자에 Number로 타입을 지정하여 배열의 요소들은 number 타입 객체로 생성됩니다.

const num = 123456;
const arr = Array.from(String(num), Number);
console.log(arr);
console.log(typeof arr[0]);

Output:

[ 1, 2, 3, 4, 5, 6 ]
number

2. split(), map()을 이용한 방법

split()과 map()을 이용하여 아래와 같이 숫자를 배열로 변환할 수 있습니다.

• 아래 코드에서 배열의 객체 타입은 Number로 생성됨
• map(String)로 타입을 String으로 지정하면, 배열의 객체 타입을 문자열로 생성할 수 있음

const num = 123456;
const arr = num.toString().split('').map(Number);
console.log(arr);
console.log(typeof arr[0]);

Output:

[ 1, 2, 3, 4, 5, 6 ]
number

3. Spread Operator와 map()을 이용한 방법

Spread Operator와 map()을 이용하여 아래와 같이 숫자를 배열로 변환할 수 있습니다.

• 아래 코드에서 배열의 객체 타입은 Number로 생성됨
• map(String)로 타입을 String으로 지정하면, 배열의 객체 타입을 문자열로 생성할 수 있음

const num = 123456;
const arr = [...num.toString()].map(Number);
console.log(arr);
console.log(typeof arr[0]);

Output:

[ 1, 2, 3, 4, 5, 6 ]
number