Array.from() 활용

송철진·2023년 4월 25일
0
post-custom-banner

특별한 이차원 배열 1를 풀다가 자주 쓰일만한? Array.from()의 활용 방법을 정리해보기로 했다.

Array.from()
유사 배열 객체(array-like object)나 반복 가능한 객체(iterable object)를 얕게 복사해 새로운Array 객체를 만듭니다.
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/from
Array.from(arrayLike[, mapFn[, thisArg]])

string에서 배열 만들기

Array.from('str');	// [ 's', 't', 'r' ]

Array.from()과 화살표 함수 활용

  • 이차원 배열 만들기
const n = 3
const v = 0
Array.from(Array(n), () => Array(n).fill(v));
// [ [ 0, 0, 0 ], [ 0, 0, 0 ], [ 0, 0, 0 ] ]
  • 길이가 length이고 n부터 1씩 증가하는 배열 만들기
const n = 3
const length = 5
const answer = Array.from({length}, (_, i) => i+n);
// [ 3, 4, 5, 6, 7 ]
  • A ~ Z 로 이루어진 배열 만들기
const range = (start, stop, step) => Array.from({ length: (stop - start) / step + 1}, (_, i) => start + (i * step));

range('A'.charCodeAt(0), 'Z'.charCodeAt(0), 1)
// [ 65, 66, 67, ..., 88, 89, 90 ]
range('A'.charCodeAt(0), 'Z'.charCodeAt(0), 1).map(x => String.fromCharCode(x));
// [ 'A', 'B', 'C', ..., 'X', 'Y', 'Z' ]
profile
검색하고 기록하며 학습하는 백엔드 개발자
post-custom-banner

0개의 댓글