[JavaScript] Array.from()

from() 메서드는 유사 배열 객체 또는 이터러블(반복 가능)한 객체를 복사하여 새로운 배열을 만든다. 메서드를 사용하는 방법은 다양하다.

Array.from(arrayLike[, mapFn[, thisArg]])

arrayLike : 배열로 변환할 객체
mapFn : 배열의 모든 요소에 실행할 함수
thisArg : mapFn 함수의 변수로 사용할 값

🔸 문자열을 배열로 변환

Array.from('pink');
//'p', 'i', 'n', 'k'

배열로 변환할 문자열을 arrayLike에 넣어준다. 문자열 하나씩 배열의 요소에 담겨 변환된다.

🔸 값을 특정한 인자로 변환

Array.from([1, 2, 3], x => x * 10); 
// [10, 20, 30]

화살표 함수를 사용하여 원하는 값으로 배열을 만들 수 있다.
사용할 배열을 arrayLike에 넣어주고, 화살표 함수를 통해 해당 값들을 변환시킨다.

🔸 length

Array.from({length: 3}, (v, i) => i + 1);
// [1, 2, 3]

먼저 생성하려는 배열의 길이를 length에 입력해준다.
(v ,i) 에서 v(value)는 배열 각각의 요소이고, i(index)는 인덱스이다.
화살표 함수를 통해 원하는 값으로 배열을 생성한다.

🔸 2차원 배열

let row = 3;
let col = 4;
Array.from(Array(row), () => Array(col).fill(0));
// [ [0, 0, 0, 0], [0, 0, 0, 0], [0, 0, 0, 0] ]

3행 4열이며 값은 0으로 차있는 2차원 배열이다.
3개로 나눈 다음, 그 안에 4개의 값을 넣어준다.

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/from
https://intrepidgeeks.com/tutorial/javascriptarrayfrom