전공서적/인사이드자바스크립트

Javascript 배열 표준 메서드와 length 프로퍼티

kmjkmj2005 2017. 8. 2. 23:05

배열 표준 메서드와 length 프로퍼티



자바스크립트는 배열에서 사용가능한 다양한 표준 메서드를 제공

이러한 배열 메서드는 length 프로퍼티를 기반으로 동작하고 있다.

Example) 
push()메서드는 인수로 넘어온 항목을 배열의 끝에 추가하는 자바스크립트 표준배열 메서드임
이 메서드는 배열의 현재 length값의 위치에 새로운 원소값을 추가함
배열의 length프로퍼티는 '현재 배열의 맨 마지막 원소의 인덱스 + 1'을 의미함

-> 결국 length프로퍼티가 가리키는 인덱스에 값을 저장하는 것== 배열의 끝에 값을 추가하는것 


//arr 배열 생성
var arr = ['zero','one','two'];

//push() 메서드 호출
arr.push('three');
console.log(arr);  //(출력값)  ['zero','one','two','three']

//length값 변경 후, push()메서드 호출
arr.length = 5;
arr.push('four');
console.log(arr);  //(출력값) ['zero','one','two','three',undefined,'four']



push()메서드로 arr[3]위치에 'three'문자열을 저장함으로써 배열의 끝에 원소를 추가함
arr.length프로퍼티값을 임의로 5로 바꿈
push()메서드는 현재 변경된 arr.length가 가리키는 배열의 5번째 인덱스, arr[5]에 'four'문자열을 추가

-> 배열의 length프로퍼티는 배열 매서드에 동작에 영향을 줄수 있을만큼 중요한프로퍼티





<참고문헌 : 인사이드자바스크립트>