首页 > web前端 > js教程 > 如何高效获取JavaScript对象属性名列表?

如何高效获取JavaScript对象属性名列表?

Linda Hamilton
发布: 2024-12-05 12:09:14
原创
414 人浏览过

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

列出 JavaScript 对象的属性

使用 JavaScript 对象时,检索属性名称列表可能至关重要。假设你有一个定义如下的对象:

var myObject = {"ircEvent": "PRIVMSG", "method": "newURI", "regex": "^http://.*"};
登录后复制

问题出现了:我们如何有效地获取属性名称列表(例如,[“ircEvent”,“method”,“regex”]) ?

现代浏览器:

在现代浏览器中,内置的 Object.keys 方法提供了一个优雅的解决方案:

var keys = Object.keys(myObject);
登录后复制

旧版浏览器的 Polyfill:

对于缺乏本机支持的浏览器,可以实现简化的 Polyfill :

var getKeys = function(obj) {
   var keys = [];
   for (var key in obj) {
      keys.push(key);
   }
   return keys;
};
登录后复制

另一种方法涉及扩展对象原型:

Object.prototype.keys = function() {
   var keys = [];
   for (var key in this) {
      keys.push(key);
   }
   return keys;
};
登录后复制

此方法允许您在任何对象上调用 .keys() 。然而,扩展原型可能会产生副作用,一般不建议这样做。

以上是如何高效获取JavaScript对象属性名列表?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板