JavaScript의 배열 length 속성은 배열에 포함된 항목의 개수를 나타냅니다. 배열의 길이를 확인하려면 array_name.length 형태로 객체를 참조하면 되며, length 속성은 정수 값을 반환합니다.
코딩을 하다 보면 배열 안에 값이 몇 개 들어 있는지, 즉 배열의 길이가 얼마인지 알아야 하는 경우가 자주 생깁니다. 바로 이럴 때 JavaScript 배열의 length 속성이 유용합니다. length 속성은 특정 배열에 저장된 항목의 개수를 가져오는 데 사용됩니다.
예를 들어, 여러분이 책 영업사원이라면 재고에 책이 몇 권 있는지 알고 싶을 것입니다. 이때 JavaScript 배열 length 속성을 사용하면 도서 목록의 길이를 손쉽게 확인할 수 있습니다.
이 글에서는 JavaScript에서 배열 length 속성을 사용하는 방법을 살펴보고, 실제 프로그램에서 활용되는 두 가지 예제를 단계별로 다뤄보겠습니다.
JavaScript 배열의 length 속성이란?
JavaScript 배열의 length 속성은 배열에 담긴 항목의 개수를 나타내는 정수 값입니다. JavaScript에서 인덱스는 0부터 시작하기 때문에, length 속성의 값은 항상 배열에서 가장 큰 인덱스 값보다 1만큼 큽니다.
length는 메서드가 아닌 속성(property)이기 때문에 별도의 매개변수를 받지 않습니다. 단순히 배열 이름 뒤에 붙여서 사용하기만 하면 됩니다.
JavaScript 배열 length 속성의 기본 문법은 다음과 같습니다:
array_name.length;
배열 이름 끝에 .length를 붙이면 해당 배열의 length 속성 값에 접근할 수 있습니다.
배열 length 예제
실제 예제를 통해 이 속성이 어떻게 동작하는지 확인해 보겠습니다. 여러분이 서점을 운영하고 있고, 2019년 뉴욕타임스 픽션 베스트셀러 목록에 오른 책 중 몇 권을 판매하고 있는지 알고 싶다고 가정해 봅시다. 한 고객이 해당 목록의 책들을 문의했기 때문에, 목록에 올랐던 책 중 우리 서점에서 판매하는 책이 몇 권인지 확인해야 하는 상황입니다.
바로 이럴 때 length 속성이 유용합니다. 판매 중인 책 중 베스트셀러 목록에 오른 책들의 리스트가 있다고 하면, length 속성으로 그 개수를 확인할 수 있습니다:
const nyt_fiction_best_sellers_2019 = ['Redemption', 'A Better Man', 'The Institute', 'The Guardians', 'The Night Fire', 'Turning Point']; console.log(nyt_fiction_best_sellers_2019.length);
이 코드를 실행하면 프로그램은 6을 반환합니다.
먼저 nyt_fiction_best_sellers_2019라는 상수를 선언하고, 재고에 있는 책 중 2019년 뉴욕타임스 픽션 베스트셀러 목록에 오른 책들의 목록을 저장했습니다. 그다음 length 속성을 사용해 해당 목록의 길이를 확인했습니다. 리스트에는 여섯 개의 값이 들어 있으므로, length 속성은 6을 반환합니다.
JavaScript 배열 length로 평균 계산하기
length 속성은 JavaScript에서 다양한 용도로 활용되며, 그중 가장 흔한 사용 사례 중 하나가 바로 평균값 계산입니다.
예를 들어, 댄스 수업 수강생들의 평균 나이를 구하고 싶다고 가정해 봅시다. 수강생들의 나이가 저장된 리스트가 있고, 나중에 평균값을 가장 가까운 정수로 반올림하기로 결정했다고 해보겠습니다. 평균을 계산하려면 먼저 length 속성으로 리스트에 담긴 항목의 개수를 구해야 합니다. 이 값이 평균 계산의 기준이 됩니다.
예제 프로그램
다음은 댄스 수업 수강생의 평균 나이를 계산하는 프로그램의 예입니다:
var dancer_ages = [9, 10, 9, 11, 12, 8, 10, 10, 10];
var sum = 0;
for (var i = 0; i < dancer_ages.length; i++) {
sum += dancer_ages[i]
}
var average = Math.round(sum/dancer_ages.length);
console.log("댄스 수업 수강생의 평균 나이는: " + average + ".")이 코드를 실행하면 다음과 같은 결과가 출력됩니다:
댄스 수업 수강생의 평균 나이는: 10.
코드의 첫 번째 줄에서는 댄스 수업 수강생 각각의 나이를 저장하는 dancer_ages라는 리스트를 선언했습니다. 그다음, 수강생 나이의 총합을 저장할 sum 변수를 선언했습니다. 이 값은 나중에 평균을 계산할 때 필요합니다.
처음에 sum의 값을 0으로 설정한 이유는, 변수를 사용하기 전에 반드시 선언하고 초기화해야 하기 때문입니다. 이후 for 루프 안에서 각 댄서의 나이를 sum 값에 더해갑니다.
그다음에는 JavaScript for 루프를 만들어 dancer_ages 리스트의 각 항목을 순회하면서 sum 변수에 더합니다. 여기서 dancer_ages.length 속성을 사용해 프로그램이 루프를 몇 번 실행해야 하는지 지정한다는 점에 주목하세요.
for 루프가 실행된 후, 프로그램은 수강생들의 평균 나이를 계산합니다. 이 과정은 sum(모든 댄서 나이의 합)을 dancer_ages.length(댄스 수업 수강생 수)로 나누는 방식으로 이루어집니다. 그런 다음 Math.round() 메서드를 사용해 계산된 값을 가장 가까운 정수로 반올림합니다.
마지막으로 콘솔에 "댄스 수업 수강생의 평균 나이는:"라는 메시지를 출력합니다. 이 문장 뒤에는 average 변수에 저장된 값과 마침표(.)가 함께 출력됩니다.
마무리
JavaScript 배열의 length 속성은 리스트에 저장된 항목의 개수를 가져오는 데 사용됩니다. 특히 평균값 계산이나 리스트의 길이를 알아야 하는 다양한 연산에서 매우 유용하게 활용됩니다.
이 글에서는 length 속성을 사용해 JavaScript 배열의 항목 개수를 가져오는 방법을 살펴보고, 두 가지 실전 예제도 함께 다뤘습니다. 이제 여러분도 전문가처럼 length 속성을 자유롭게 활용할 준비가 되었습니다!
JavaScript 코딩을 더 깊이 배우고 싶으신가요? JavaScript 학습 가이드를 참고해 보세요. 실력을 한 단계 끌어올리는 데 도움이 되는 강좌와 학습 자료에 대한 조언을 확인할 수 있습니다.