[Array] JS - length 속성 - 배열길이 (= 배열개수 = 배열값개수 = 배열요소개수 = length속성 = 렝스속성)

1. array.length 예제 - 배열 길이 (= 요소 개수) 반환
2. array.length 정의
3. array.length 구문
4. array.length 예제 - 배열 길이 (= 요소 개수) 설정

array.length 예제 - 배열 길이 (= 요소 개수) 반환 

 

<button onclick="homzzang()">클릭</button>

<p id="demo"></p>

<script>

function homzzang() {

  var site = ["홈짱닷컴", "Homzzang.com"];

  var x = document.getElementById("demo");

  x.innerHTML = site.length; // 2

}

</script>

 

결과보기

array.length 정의

 

배열 길이 (= 요소 개수) 설정/반환.

 

---

 

1.

• 배열 길이 설정 시, 원본 배열을 변경. 

 

2. cf. jQuery size() 메서드

• 배열 요소 개수 반환. (예) $(selector).size()
• jQuery 1.8 폐기예고.
• jQuery 3.0 폐기완료. length 속성으로 대체.

 

3.

• ECMAScript1 (ES1: JavaScript 1997)
• 모든 브라우저 지원.

 

4. MDN length 예제보기

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/length

 

array.length 구문

 

반환

array.length

 

설정

array.length = number

 

---

[반환값]

 

배열 객체의 요소 개수 반환. (※ 정수 형태)

• 즉, (마지막 배열요소의 색인번호 + 1) 반환.

 

array.length 예제 - 배열 길이 (= 요소 개수) 설정

 

<p id="demo"></p>

<script>

const langs = ["HTML", "CSS", "JS", "jQuery"];

langs.length = 2;

document.getElementById("demo").innerHTML = langs;

</script>

 

결과값: HTML,CSS