> 웹 프론트엔드 > JS 튜토리얼 > JavaScript에서 객체 속성 이름 목록을 효율적으로 검색하려면 어떻게 해야 합니까?

JavaScript에서 객체 속성 이름 목록을 효율적으로 검색하려면 어떻게 해야 합니까?

Mary-Kate Olsen
풀어 주다: 2024-12-08 10:01:13
원래의
195명이 탐색했습니다.

How Can I Efficiently Retrieve a List of Object Property Names in JavaScript?

JavaScript에서 개체 속성 식별

JavaScript에서 개체는 데이터를 저장하고 조작하는 데 중요한 역할을 합니다. 객체의 속성(키-값 쌍)에 접근하기 위해 다양한 방법을 사용할 수 있습니다. 이 문서에서는 다양한 목적에 유용할 수 있는 속성 이름 목록을 검색하는 효율적인 방법을 살펴봅니다.

Object.keys 메서드

최신 브라우저(IE9, FF4, Chrome5, Opera12) , Safari5)는 지정된 속성 이름이 포함된 배열을 반환하는 Object.keys 메서드를 제공합니다. object.

const myObject = {
  ircEvent: "PRIVMSG",
  method: "newURI",
  regex: "^http://.*"
};

const keys = Object.keys(myObject);
console.log(keys); // ["ircEvent", "method", "regex"]
로그인 후 복사

이전 브라우저용 폴리필

Object.keys를 지원하지 않는 브라우저의 경우 폴리필을 사용할 수 있습니다.

const getKeys = function(obj) {
   const keys = [];
   for (const key in obj) {
      keys.push(key);
   }
   return keys;
}

const keys = getKeys(myObject);
console.log(keys); // ["ircEvent", "method", "regex"]
로그인 후 복사

객체 확장. 프로토타입

또는 Object.prototype을 다음과 같이 확장할 수 있습니다. .keys() 메서드:

Object.prototype.keys = function() {
   const keys = [];
   for (const key in this) {
      keys.push(key);
   }
   return keys;
}

const keys = myObject.keys();
console.log(keys); // ["ircEvent", "method", "regex"]
로그인 후 복사

프로토타입을 확장하면 의도하지 않은 부작용이 발생할 수 있습니다. 대신 일반적으로 Object.keys 또는 폴리필을 사용하는 것이 좋습니다.

위 내용은 JavaScript에서 객체 속성 이름 목록을 효율적으로 검색하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿