자바스크립트 length로 문자열, 배열의 길이를 확인하는 방법

자바스크립트에서 length는 문자열과 배열의 크기를 확인하는 속성입니다. length는 데이터 구조의 크기를 간편하게 확인할 수 있기 때문에 다양한 작업에서 유용하게 사용할 수 있습니다. 특히, 문자열의 길이나 배열의 요소 개수를 쉽게 파악할 수 있어 데이터 처리 및 조건문 작성에 유용합니다.

 

배열에서의 length

const arr = [1, 2, 3, 4];
console.log(arr.length); // 출력: 4

배열의 length 속성은 배열에 포함된 요소의 개수를 나타냅니다. 자바스크립트 배열은 동적으로 크기가 변할 수 있기 때문에 length 값은 배열의 내용에 따라 자동으로 업데이트됩니다.

 

배열에서 length를 사용할 때 주의해야 할 사항

const fruits = ['apple', 'banana', 'cherry', 'date'];

// 원래 배열
console.log('원래 배열:', fruits.length); // ['apple', 'banana', 'cherry', 'date'] 4가 출력됨

// 배열 비우기
fruits.length = 0;

// 비워진 배열 출력
console.log('비워진 배열:', fruits.length); // [] 0이 출력됨

배열의 length 속성을 직접 수정하여 배열의 크기를 변경할 수 있습니다. 예를 들어, array.length = 0으로 설정하면 배열이 비워집니다. 이 경우 원래 배열의 모든 요소가 삭제되므로, 신중하게 사용해야 합니다.

 

const arr =[];

// 배열의 6번째 위치에 요소 추가
arr[5] = 'hello';

console.log(arr.length); // [empty × 5, 'hello'] - length는 6이지만, 실제로는 한 개의 요소에만 값이 있음

배열의 length는 실제로 값이 있는 요소의 수와는 다를 수 있습니다. 위의 코드는 length가 6으로 출력되지만, 실제로 값이 있는 요소는 1개 뿐입니다.

문자열에서의 length

const str = "Hello, World!";
console.log(str.length); // 출력: 13

 

문자열에서 length는 해당 문자열의 문자 개수를 나타냅니다. 문자의 개수에는 공백, 특수 문자 등 모든 문자를 포함한 개수입니다. 문자열에서의 length는 배열에서와는 달리 불변 속성을 가지는 읽기 전용이므로 값을 수정할 수 없습니다.

 

함수에서의 length

function example(a, b, c) {
  return a + b + c;
}

console.log(example.length); // 출력: 3

거의 사용하지 않아 생소하지만, 함수에서도 length를 사용할 수 있습니다. 함수에서의 length는 해당 함수가 정의된 인자의 개수를 나타냅니다. 함수의 length는 함수를 호출할 때가 아니라 함수를 정의할 때 설정된 매개변수의 수를 기준으로 값이 출력됩니다.