JS 배열의 프로퍼티 동적생성

Question

안녕하세요 자스 어린이 입니다.인사이트 자바스크립트 서적을 통해 자바스크립트 기본부터 공부중인데요. 배열의 프로퍼티 동적 생성 중 배열의 length 크기 프로퍼티는 배열의 원소의 가장 큰 인덱스가 변했을 경우에만 변경된다고하여 책 예제에 number 기본 타입보다 객체 프로퍼티를 더 많이 생성하여 console.log를 확인해도 크기가 변경되지 않더라구요. 배열의 크기 기준이 초기 배열 생성기준의 큰 인덱스 기준인건지.. 왜 length값이 안바뀌는지원리를 조금 이해하고자 질문글 올립니다. //배열 생성 var arr &#61; ['zero', 'one', 'two' ]; console.log(arr.length); //3 //프로퍼티 동적 추가 arr.color &#61; 'blue'; arr.name &#61; 'number_array'; console.log(arr.length); //3 //배열 원소 추가 arr[3] &#61; 'red' console.log(arr.length); //4 //배열 객체 추가 console.dir(arr); arr.title &#61; 'color' arr.content &#61; 'list' arr.author &#61; '작가' arr.call &#61; 'phone' console.log(arr.length); //expected 6, but 4 선배님들의 따뜻한(?) 피드백 부탁드리겠습니다.

킁킁탐정 · Answer

자바스크립트의 배열은 색인이 0부터 시작합니다. 작성하신 예제의 결과는 정상입니다.자바스크립트는 사전형식의 연관 배열은 Object({}) 형태로 표현하고, 일반 숫자 색인 배열은 Array([])로 표현합니다. 이 둘은 완전하게 다른 형태이며 서로 호환되지 않고 임의 변환은 가능합니다. Object({})는 length 프로퍼티가 없습니다.그러므로 숫자 색인 배열을 변경한 arr[3] &#61; 'red'의 경우만 크기가 변하고, 그외에 사전형식의 연관 배열을 사용한 경우는 모두 무시되고 length가 변경되지 않습니다. 예를들어 arr[100] &#61; 'orange'라고 대입하면 정상적으로 length가 변경됩니다.

JS 배열의 프로퍼티 동적생성

1개의 답변

#property 목록