자바스크립트(Javascript) length 속성 사용하기

“length” 속성은 각 개체에서 사용하는 속성입니다. 문자열에서는 문자 길이를 반환하며, 배열에서는 요소의 개수를 반환합니다. length 는 함수가 아닌 속성입니다. 따라서 구문과 인수 정의가 없으며, 값을 직접 변경할 수 있습니다. “length” 속성은 배열에 포함된 요소의 개수를 나타내며 읽기 및 쓰기가 모두 가능합니다.

 

 

 

 

◎ 1. 문자열 길이 반환 사용

 

JavaScript의 문자열(String)은 “length” 속성을 가지고 있으며, 이 속성은 해당 문자열의 길이를 나타냅니다. 문자열의 길이는 문자열에 포함된 문자의 수를 나타냅니다. 코드에서 “text.length”는 "Hello, World!" 문자열의 길이인 13을 반환합니다. 이것은 문자열 내에 공백과 구두점을 포함한 모든 문자의 수를 세는 것입니다. “length” 속성은 배열(Array)에도 적용할 수 있으며, 배열의 길이(원소의 수)를 나타냅니다. 문자열과 배열의  속성을 사용하면 데이터의 크기나 길이를 측정하고 처리하는 데 유용합니다.

 

const text = "Hello, World!";
const length = text.length;
console.log(length);
 
[출력]
13

 

 

◎ 2. 배열의 길이 확인

 

“length” 속성은 배열의 길이를 동적으로 조절할 수 있으며, 배열 요소를 추가하거나 제거할 때 사용됩니다. 함수가 아니므로 별도의 구문이나 인수 정의가 필요하지 않습니다.

 

const fruits = ["apple", "banana", "cherry", "date"];
const arrayLength = fruits.length;
 
console.log(arrayLength);
 
[출력]
4

 

 

◎ 3. 배열 길이를 줄여서 요소 제거하기

 

아래 코드는 “fruits” 배열의 길이를 변경해서 객체에 변화를 줄 수 있는 예제입니다. 기존 배열의 길이는 4 인데 속성값을 2로 줄입니다. 이로 인해 배열의 길이가 줄어들고, 마지막 두 요소가 제거됩니다.

 

const fruits = ["apple", "banana", "cherry", "date"];
fruits.length = 2;
 
console.log(fruits);
 
[출력]
["apple", "banana"]

 

 

내장 객체 Array 에 대해 알아보자. 

https://mainia.tistory.com/4216

자바스크립트(Javascript) 내장 객체 Array 알아보기

 

배열 요소를 추가 제거 할 수 있는 splice() 함수 사용법

https://mainia.tistory.com/6980

자바스크립트(Javascript) 배열 요소 추가 제거 splice() 함수사용

 

배열 요소 제거 pop() 함수 사용하는 방법은?

https://mainia.tistory.com/6974

자바스크립트 배열(Array) pop() 함수 사용하기