JavaScript 배열에 명명된 속성 추가: 객체 리터럴과 대괄호 표기법?

배열에 명명된 속성 추가: JavaScript의 특이한 현상

JavaScript에서는 명명된 속성을 추가하는 기능을 포함하여 예상치 못한 방식으로 배열을 조작할 수 있습니다. 마치 객체인 것처럼 속성을 부여합니다. 이로 인해 질문이 제기됩니다. 대괄호를 사용하여 명명된 속성이 있는 배열을 선언하는 것과 객체 리터럴을 선언하는 것 사이에 근본적인 차이점이 있습니까?

짧은 대답은 다음과 같습니다. 예, 차이가 있습니다.

두 메소드 모두 표면적으로 유사하게 동작하고 typeof()로 검사할 때 '객체' 유형을 반환하지만 기본 특성이 다릅니다. 배열은 숫자로 인덱싱된 데이터용으로 설계된 반면, 객체는 숫자가 아닌 키용으로 설계되었습니다.

이러한 구분을 설명하려면 다음을 고려하세요.

var myArray = Array();
myArray['A'] = "Athens";
myArray['B'] = "Berlin";

alert(myArray.length);

이 코드는 '0'을 표시합니다. 반면에 '2'가 표시될 것으로 예상할 수도 있습니다. 이는 배열에 추가된 명명된 속성이 해당 길이 속성에 영향을 주지 않기 때문입니다. 대신 배열 객체의 추가 속성으로 처리됩니다.

반대로 명명된 속성으로 선언된 객체 리터럴은 해당 길이를 올바르게 반영합니다.

var myObject = {'A': 'Athens', 'B': 'Berlin'};
alert(myObject.length); // This would display '2'

따라서 가능하더라도 명명된 속성을 배열에 추가하는 것은 "남용"으로 간주되므로 피해야 합니다. 숫자가 아닌 키의 경우 대신 개체를 사용하는 것이 가장 좋습니다.

위 내용은 JavaScript 배열에 명명된 속성 추가: 객체 리터럴과 대괄호 표기법?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!