본문 바로가기
Frontend/Javascript

Javascript custom array 🌹

by 우보틀 2022. 4. 2.

javascript에서 빈 배열을 만드는 것을 계속 까먹어서 아래와 같이 정리합니다.

 

빈 배열 만들기 

const arr = new Array(10) // [empty x 10]
arr[5] = 1
arr // [empty x 5, 1, empty x 4]

const brr = Array.from(5) // []
brr[5] = 1
brr // [empty x 5, 1]

 

빈 배열 채우기

const arr = new Array(10)
arr.fill(4)
arr // [4, 4, 4, 4, 4, 4, 4, 4, 4, 4]

 

String에서 배열 만들기

Array.from('arr') // ['a', 'r', 'r']

Array.from('x'.repeat(5)) // ['x', 'x', 'x', 'x', 'x']

 

유사배열객체에서 배열 만들기

function f() {
  return Array.from(arguments)
}

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

 

Array.from과 화살표 함수 사용

Array.from([1,2,3,4], x => x * 2) // [2,4,6,8]

// 이때 v는 undefined
Array.from({length: 4}, (v, i) => (i + 1) * 2) // [2,4,6,8]

 

 

 

출처 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/from#array.from%EA%B3%BC_%ED%99%94%EC%82%B4%ED%91%9C_%ED%95%A8%EC%88%98_%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0

 

Array.from() - JavaScript | MDN

Array.from() 메서드는 유사 배열 객체(array-like object)나 반복 가능한 객체(iterable object)를 얕게 복사해 새로운Array 객체를 만듭니다.

developer.mozilla.org

 

'Frontend > Javascript' 카테고리의 다른 글

Javascript 실행 컨텍스트(Execution Context)  (0) 2022.04.03
npm, yarn  (0) 2022.04.03
Javascript createObjectURL, revokeObjectURL 🤥  (0) 2022.04.01
Javascript custom event 🐕  (0) 2022.04.01
컴파일러, 인터프리터  (0) 2022.04.01