배열 length
속성 사용법
배열에서 length
속성은
배열에 포함된 요소의 개수를 숫자로 반환합니다. 빈 배열은 length
가 0
입니다.
구문
array.length
여기서 array
은 길이를 구하려는 주어진 배열을 말합니다.
예제
const fruits = ["사과", "배", "귤"];
console.log(fruits.length); // 3
const emptyArr = []; // 빈 배열
console.log(emptyArr.length); // 0
/* 2차원 배열에서 length */
let array2D = [
[1],
[2, 3],
[4, 5, 6]
];
console.log(array2D.length); // 3
console.log(array2D[0].length); // 1 (첫 번째 하위 배열의 길이)
console.log(array2D[1].length); // 2 (두 번째 하위 배열의 길이)
console.log(array2D[2].length); // 3 (세 번째 하위 배열의 길이)
사용법 참고사항
배열에서 length
속성을 사용할 때 참고해야 하는 사항입니다.
읽기 전용이 아니며 직접 수정할 수 있음
문자열의 length
속성은 읽기 전용으로 이 속성을 직접 수정할 수 없지만, 배열에서 length
속성은 읽기 전용이 아닙니다. 이는 변경이 가능한 속성으로, 배열의 length
값을 직접 수정할 수 있습니다. 이것은 strict mode(엄격 모드) 에서도 동일합니다.
const array = [1, 2, 3, 4, 5];
console.log(array.length); // 5
// length 값을 줄이기
array.length = 3;
console.log(array); // [1, 2, 3]
console.log(array.length); // 3
// length 값을 늘리기
array.length = 6;
console.log(array); // [1, 2, 3, <3 empty items>]
console.log(array.length); // 6
이처럼 배열의 length
속성은 수정 가능하며, 값을 줄이거나 늘림으로써 배열의 크기를 변경할 수 있습니다.
이 점에서 배열의 length
는 문자열의 length
속성과 다릅니다.
이러한 특징을 활용해서 고정 길이의 빈 배열(희소 배열)을 생성할 수도 있습니다.
const arr = [];
arr.length = 5;
console.log(arr); // [empty x 5]
배열 순회
배열의 length
값을 이용하면 배열을 반복문에서 쉽게 순회할 수 있습니다. length
속성은 배열에 있는 요소의 개수를 나타내기 때문에, 이를 활용하여 배열의 각 요소에 접근할 수 있습니다.
다음은 for
반복문에서 배열을 요소의 개수만큼 순회하는 예제입니다.
const array = [10, 20, 30, 40, 50];
const length = array.length;
for (let i = 0; i < length; i++) {
console.log(array[i]);
} // 10 20 30 40 50
브라우저 호환성
속성 |
데스크탑 Chrome
|
데스크탑데스크탑 Edge
|
데스크탑 Firefox
|
Safari
|
---|---|---|---|---|
length
|
1 | 12 | 1 | 1 |
명세서
명세서 사양 | |
---|---|
length
|
ECMAScript Language Specification #sec-properties-of-array-instances-length |