如何在 JavaScript 中高效检索对象属性名称列表？

在 JavaScript 中识别对象属性

在 JavaScript 中，对象在存储和操作数据方面发挥着至关重要的作用。要访问对象的属性（键值对），可以使用多种方法。本文探讨了检索属性名称列表的有效方法，这些方法可用于多种目的。

Object.keys 方法

现代浏览器（IE9、FF4、Chrome5、Opera12） , Safari5 ) 提供了 Object.keys 方法，该方法返回一个包含指定属性名称的数组

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

const keys = Object.keys(myObject);
console.log(keys); // ["ircEvent", "method", "regex"]

适用于旧版浏览器的 Polyfill

对于不支持 Object.keys 的浏览器，可以使用 Polyfill：

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"]

扩展对象。 prototype

或者，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 或 polyfill 代替。

以上是如何在 JavaScript 中高效检索对象属性名称列表？的详细内容。更多信息请关注PHP中文网其他相关文章！