[js]Array.from()

7rgoong·2021년 12월 7일
0
post-thumbnail

Array.from( ) 메소드는 반복가능한 객체를 얕게 복사해 새로운 Array 객체를 생성

알고리즘 문제를 풀다가 이차원 배열을 선언해야 하는데 js는 2차원 배열이라는 정확한 개념은 없고, 유사한 개념만 있어서, 직접 비슷한 형태로 생성해줘야 한다고 함.

1. 반복 가능한 객체에서 배열 만들기

Array.from('hello world'); 
//['h','e','l','l','o',' ','w' ...] 

const s = new Set(['foo', window]);
Array.from(s);
// ["foo", window]

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

이런식으로 공백까지 전부 배열로 만듬

2. Array.from과 화살표 함수 사용하기

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

//이차원 배열 선언하고 싶을 때, 
Array.from(Array(5), () => Array(2).fill(0))

화살표 함수를 사용해서 이차원 배열을 선언할 때, 위의 경우대로 사용하면 된다고 해서 vs에서 사용해봤는데 잘 적용되지 않았었는데, 그 이유는 자료형으로부터 자유로운 js의 특성 때문이었음.

Array(n)이라고 했을 때, n을 잘 인식하지 못했는데 n => parseInt(n) 으로 대체해주니, 잘 인식되는 것을 확인할 수 있었음.

알고리즘 문제를 풀거나 여러 상황에서 유용하게 사용될 수 있을 것 같은 Array.from()메소드를 알아볼 수 있는 시간이었음😀

profile
가붕

0개의 댓글