5. Indexed collection

• 인덱스별로 정렬되니 데이터가 포함되어 있으며, 인덱스를 사용하여 접근한다.

• 인덱스는 데이터의 위치를 나타낸다.

• 자바스크립트에서 인덱스는 항상 0으로 시작한다.

• 자바스크립트에서 색인된 컬렉션은 Array 또는 TypedArray 가 있다.

Array(배열)

• 가장 보편적인 데이터 컬렉션

• 단일 변수에 여러 변수를 저장할 수 있는 데이터 구조 유형

• 이터러블(순회 가능)

• 변수의 값은 중복이 가능하고, 변경 가능하다.

• 길이 지정도 가능하나 길이가 넘어가도 에러를 발생시키지 않는다.

• [] 구문자를 사용하여 생성할 수 있고, Array 래퍼 객체를 사용하여 생성할 수도 있다.

생성

// 배열 객체 생성
let arr1 = ['a', 1];
console.log(arr1); // ['a', 1]

let arr2 = [];
console.log(arr2); // []

arr2 = ['b', 2];
console.log(arr2); // ['b', 2]

// new Array
const arr3 = new Array(3);
console.log(arr3); // [ <3 empty items> ]

// Array.of
const arr4 = Array.of(1, 2, 3);
console.log(arr4); // [ 1, 2, 3 ]

// Array.from
const arr5 = Array.from(arr4);
console.log(arr5); // [1, 2, 3];
console.log(arr4 === arr5); // false

// 유사배열로 생성
// 키와 값을 가지고 있는 객체로, 여기서는 키가 인덱스가 된다.
// length 는 배열이 가지고 있는 속성이기 때문에 배열에 추가되지 않는다.
// length 를 3으로 지정하면 ['a', 'b', 'undefined'] 가 된다.
const arr6 = Array.from({
  0: 'a',
  1: 'b',
  length: 2,
});
console.log(arr6); // [ 'a', 'b' ]

접근

let arr1 = ['a', 1];
console.log(0); // 'a'
console.log(2); // 'a'
console.log(3); // undefined

추가

const arr = [1, 2, 3];
arr.push(4); // [1,2,3,4]
arr.unshift(0); // [0,1,2,3,4]

삭제

const arr = [1, 2, 3];
// 인덱스를 사용해서 삭제 처리를 하게 되면 해당 인덱스의 값은 비어있게 된다.
// 따라서 다른 방법으로 삭제하거나, 삭제 후 새로운 배열을 생성하는 것이 좋다.
delete arr[0];
console.log(arr); // [ <1 empty item>, 2, 3 ]

const arr2 = [1, 2, 3];
arr2.shift();
console.log(arr); // [ 2, 3 ]

Array 속성, 메서드

Ref

• MDN Array
• JavaScript Collections Guide