자바스크립트 Array.from() 활용하기

자바스크립트 Array.from() 활용하기

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

코딩테스트 강의를 듣다가 매우 흥미로운 활용법을 보게 되어 정리한다.

특정 값을 원소로 갖는 특정 길이의 배열 초기화

길이 5에 모든 인덱스에 1을 원소로 갖고 있는 배열을 만들고자 할 때 아래와 같이 만들었다.

const arr = new Array(5).fill(1);

근데 Array.from을 조금만 활용하면 굉장히 쉽게 만들 수 있다.

const arr = Array.from({length: 5}, () => 1);

아래와 같이 콜백함수를 지정해주지 않으면 모든 원소가 undefined고 길이가 5인 배열이 생성된다.

const arr = Array.from({length: 5});

0부터 순차적으로 증가하는 원소를 갖게 하려면?

const arr = Array.from({length: 5}, (v, i) => i);

여기서 v는 undefined 이다.

또 String을 배열로 만드려면?

const arr = Array.from('foo');
const arr = 'foo'.split('');

이정도만 알아도 실무에서 재밌게 사용할 수 있을 것 같다.