[JavaScript] 자바스크립트 length

 

배열에서 length 속성은
배열에 포함된 요소의 개수를 숫자로 반환합니다. 빈 배열은 length가 0입니다.

 

구문

array.length

  array 는 길이를 구하려는 배열을 의미합니다.

 

const fruits = ["apple", "orange", "banana"];
console.log(fruits.length); 
// 3

const emptyArr = [];   // 빈 배열
console.log(emptyArr.length); 
// 0

/* 2차원 배열에서 length */
let array = [
    [1],
    [2, 3],
    [4, 5, 6]
];
console.log(array.length);
// 3
console.log(array[0].length);
// 1 (첫 번째 배열의 길이)
console.log(array[1].length);
// 2 (두 번째 배열의 길이)
console.log(array[2].length);
// 3 (세 번째 배열의 길이)

 

주의할 요소

● 배열에서 length 속성은 읽기 전용이 아니며 직접 수정할 수 있다.

 

문자열의 length 속성은 읽기 전용으로 이 속성을 직접 수정할 수 없지만, 
배열에서 length 속성은 읽기 전용이 아닙니다. 
이는 변경이 가능한 속성으로, 배열의 length 값을 직접 수정할 수 있습니다.

 

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,  , , >]
console.log(array.length); 
// 6

 

활용 사례

 

배열의 length 값을 이용하면 배열을 반복문에서 쉽게 순회할 수 있습니다. 
length 속성은 배열에 있는 요소의 개수를 나타내기 때문에, 이를 활용하여 배열의 각 요소에 접근할 수 있습니다.

 

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