8. Array

JavaScript에서 배열은 원시 값이 아닌 참조 값(객체)이다.

• 배열의 길이 조정이 가능하고, 다양한 데이터 형식을 혼합하여 저장한다.

• 인덱스를 사용하여 요소에 접근이 가능하다. 인덱스를 사용할 때는 양수만 가능하다.

• 인덱스의 시작은 0 이다.

• 배열 복사 연산은 shallow copy(얕은 복사)이다.

JavaScript 의 모든 객체의 표준 내장 복사 연산은 얕은 복사이다.

length

• 배열 인스턴스의 길이를 반환한다.

• 반환 값은 부호 없는 32비트 정수형이며, 배열의 최대 인덱스보다 항상 크다.

• length 속성에 값을 설정할 경우, 배열의 길이를 변경한다.

• length 속성의 값은 양의 정수이며 2^32 미만의 값을 가집니다.

배열 길이 속성 변경

const a = [1, 2, 3];
console.log(a.length); // 3
a.length = 2;
console.log(a); // [ 1, 2 ]
a.length = 3;
console.log(a); // [ 1, 2, <1 empty item> ]

let namelistA = new Array(4294967296); // 2의 32제곱 = 4294967296
console.log(namelistA.length); // RangeError: Invalid array length

let namelistC = new Array(-100); // 음수
console.log(namelistC.length); // RangeError: Invalid array length

자주 사용하는 메서드

Array.prototype.at()

• 정숫값을 받아 해당 인덱스에 있는 항목을 반환

• 양수와 음수 사용 가능

Array.prototype.concat()

• 두 개 이상의 배열을 병합

• 새 배열을 반환(기존 배열 변경하지 않음)

Array.prototype.entries()

• 각 인덱스에 대한 키/값 쌍을 포함하는 새 배열 반복자 객체 반환

• 반복문에 사용하지 않을 경우 next() 를 호출해야 함

const a = ['a', 'b', 'c'];

const iter = a.entries();
console.log(iter.next().value); // [ 0, 'a' ]
console.log(iter.next().value); // [ 1, 'b' ]

for (const [index, element] of a.entries()) {
  console.log(index, element);
}
// 0 'a'
// 1 'b'
// 2 'c'

Array.prototype.every()

• 배열의 모든 요소가 제공된 함수로 구현된 식을 실행하고 불리언 값을 반환

const array1 = [1, 2, 3];
console.log(array1.every((n) => n < 10)); // true
console.log(array1.every((n) => n < 3)); // false

Array.prototype.fill()

• 배열의 인덱스 범위 내에 있는 모든 요소를 정적 값으로 변경

• 기존 배열 변경하여 반환

const array1 = [1, 2, 3];
console.log(array1.fill(3)); // [ 3, 3, 3 ]
console.log(array1); // [ 3, 3, 3 ]

Array.prototype.filter()

• 주어진 배열에서 제공된 함수를 통과한 새로운 배열을 반환

Array.prototype.find()

• 주어진 배열에서 제공된 함수를 만족하는 첫 번째 요소 반환

• 만족하는 값이 없다면 undefined 반환

Array.prototype.findIndex()

• 주어진 배열에서 제공된 함수를 만족하는 첫 번째 요소에 대한 인덱스를 반환

• 만족하는 요소가 없으면 -1 반환

Array.prototype.findLast()

• 배열을 역순으로 순회하여, 제공된 함수를 만족하는 첫 번째 요소의 값 반환

• 만족하는 요소가 없다면 undefined 반환

Array.prototype.findLastIndex()

• 배열을 역순으로 순회하여, 제공된 함수를 만족하는 첫 번째 요소의 인덱스 반환

• 만족하는 요소가 없다면 -1 반환

Array.prototype.flat()

• 모든 하위 배열 요소가 지정된 깊이까지 재귀적으로 연결된 새 배열을 생성하여 반환

• 중첩된 배열의 구조를 얼마나 깊이 평탄화 할지에 사용됨

• 기본 값은 1

const arr1 = [1, 2, [3, 4]];
arr1.flat();
// [1, 2, 3, 4]

const arr2 = [1, 2, [3, 4, [5, 6]]];
arr2.flat();
// [1, 2, 3, 4, [5, 6]]

const arr3 = [1, 2, [3, 4, [5, 6]]];
arr3.flat(2);
// [1, 2, 3, 4, 5, 6]