[자바스크립트] Array.from(), 배열로 만들어주기

 

Array.from()

• 유사 배열 객체(array-like object)나 반복 가능한 객체(iterable object)를 얕게 복사해 새로운Array 객체를 만든다.

 

기본 문법

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

 

매개변수

• arrayLike
  • 배열로 변환하고자 하는 유사 배열 객체나 반복 가능한 객체.

// String에서 배열 만들기
console.log(Array.from('foo')); //["f", "o", "o"]

// Set에서 배열 만들기
const s = new Set(['foo', window]);
console.log(Array.from(s)); // ["foo", window]

// Map에서 배열 만들기
const m = new Map([[1, 2], [2, 4], [4, 8]]);
Array.from(m); // [[1, 2], [2, 4], [4, 8]]

const mapper = new Map([['1', 'a'], ['2', 'b']]);
Array.from(mapper.values()); // ['a', 'b'];

Array.from(mapper.keys()); // ['1', '2'];

// 배열 형태를 가진 객체(arguments)에서 배열 만들기
function f() {
  return Array.from(arguments);
}

f(1, 2, 3); // [1, 2, 3]

 

📌 참고

• https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/from