웹/Javascript

[JS] Array

hyowonii 2022. 2. 11. 22:17
js의 Array 클래스는 리스트 형태의 고수준 객체인 배열을 생성할 때 사용하는 전역 객체이다.

객체로써 순회와 변형 작업을 수행하는 메소드를 갖는다.

길이 변화 O

데이터 불연속 저장 O -> 밀집성 보장 X

요소 인덱스로 문자열을 사용X, 정수만 허용

 

>> 자주 사용되는 몇 가지 연산 살펴보기

- 순환하며 처리 => forEach()

array.forEach(function (item, index, array) {
  console.log(item, index)
})

- 끝에 항목 추가 => push()

let newLength = array.push('value')

- 끝에 항목 제거 => pop()

- 앞에 항목 제거 => shift()

- 앞에 항목 추가 => unshift()

- 인덱스 위치에서부터 항목 제거 => splice(index, n) : index 위치부터 n개 제거

- 배열 복사: let newArray = [...array]

 

ex) 토이플젝 중에 작성한 코드

const originalMsgs = Array(50)
  .fill(0)
  .map((_, i) => ({
    id: i + 1,
    userId: getRandomUserId(),
    timestamp: 1234567890123 + i * 1000 * 60,
    text: `${i + 1} mock text`
  })).reverse();

 

더 추가적인 내용은 아래 링크 참고


[참고]

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