>웹 프론트엔드 >JS 튜토리얼 >JavaScript 개체에는 몇 개의 속성이 있습니까?

JavaScript 개체에는 몇 개의 속성이 있습니까?

Patricia Arquette
Patricia Arquette원래의
2024-12-26 06:28:30291검색

How Many Properties Does a JavaScript Object Have?

JavaScript 객체의 속성 계산

JavaScript에서 객체는 키-값 쌍을 구성하기 위한 데이터 구조 역할을 합니다. 개체의 속성 수를 결정하는 것은 속성을 반복하거나 특정 키가 있는지 확인하는 등 다양한 시나리오에서 중요할 수 있습니다.

내장 접근 방식(ES5 이상)

ES5 이상 환경에서 생성된 객체의 경우 현대적이고 간결한 접근 방식에는 Object.keys() 메서드를 사용하는 것이 포함됩니다. 이 메소드는 객체의 키가 포함된 배열을 반환하며 이 배열의 길이는 속성 수를 제공합니다.

const obj = { name: "Gareth", age: 21 };
const propertyCount = Object.keys(obj).length;
console.log(propertyCount); // 2

반복 접근 방식

ES5 이전 , 객체 속성을 계산하는 기본 제공 방법이 없었습니다. 그러나 루프를 사용하여 객체를 수동으로 반복하고 키를 계산할 수 있습니다.

const obj = { name: "Gareth", age: 21 };
let propertyCount = 0;
for (const key in obj) {
  if (obj.hasOwnProperty(key)) {
    propertyCount++;
  }
}
console.log(propertyCount); // 2

기호 속성에 대한 고려 사항(ES6 )

도입 ES6, JavaScript에는 일반 속성 반복을 통해 액세스할 수 없는 객체 키의 고유 식별자인 기호 속성이 도입되었습니다. 기호 속성을 계산하려면 Object.getOwnPropertySymbols():

const obj = { [Symbol("name")]: "Gareth" };
const propKeys = Object.keys(obj);
const symKeys = Object.getOwnPropertySymbols(obj);
const propertyCount = propKeys.length + symKeys.length;
console.log(propertyCount); // 1
를 사용해야 합니다.

위 내용은 JavaScript 개체에는 몇 개의 속성이 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.