这篇文章将为大家详细讲解有关怎么在JavaScript中对属性进行遍历,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。
在JavaScript中,遍历一个对象的属性往往没有在其他语言中遍历一个哈希(有些语言称为字典)的键那么简单。这主要有两个方面的原因:一个是,JavaScript中的对象通常都处在某个原型链中,它会从一个或多个的上层原型上继承一些属性。第二个原因是,JavaScript中的属性不光有值,它还有一些除了值以外的其他特性,其中一个影响属性遍历的特性就是[[可]],如果该值为true,则称这个属性是可枚举的,否则反之。
<强>知道了这些,我们就可以把属性的遍历分为四种情况。强>
注:示例代码中,我们要遍历的对象是浏览器中的窗口,环境为Firefox 19日代码运行在空白页面中的脚本标签里。没有Firebug或者其他调试工具的影响(会导入一些全局变量、控制台等)。
<强> 1 .遍历可枚举的自身属性强>
可枚举的意思就是该属性的[[可]]特性为真,自身属性的意思就是该属性不是从原型链上继承下来的。
(function (), { ,var propertys =,种(窗口); ,警报(propertys.length);,,//3 ,警报(propertys.join (“\ n"));,,//窗口,文档,InstallTrigger,除了最后一个是火狐私有的属性,原窗口来对象只有两个可枚举的自身属性.window属性指向窗口对象自身,一般没什么用。 })()
<强> 2 .遍历所有的自身属性强>
特性为不可枚举的属性也并不是遍历不到,ES5给我们提供了getOwnPropertyNames方法,可以获取到一个对象的所有自身属性。
(function (), { ,var propertys =, Object.getOwnPropertyNames(窗口); ,警报(propertys.length);//72 ,警报(propertys.join (“\ n")),,//对象,函数eval等等 })()
<强> 3。遍历可枚举的自身属性和继承属性强>
继承属性怎么遍历,你应该知道,就是最常用的在遍历
(function (), { ,var getEnumPropertyNames =, function (obj), { var 才能;props =, []; for 才能;(prop 拷贝obj), { ,,props.push(道具); ,,} return 才能,道具; ,} ,var propertys =, getEnumPropertyNames(窗口); ,警报(propertys.length);//185 ,警报(propertys.join (“\ n")),,//addEventListener onload等等 })()
<强> 4 .遍历所有的自身属性和继承属性强>
这种遍历主要用在各种js调试工具的代码补全功能上。比如Firebug的。
(function (), { ,var getAllPropertyNames =, function (obj), { var 才能;props =, []; do {才能 ,,props =, props.concat (Object.getOwnPropertyNames (obj)); ,,},while (=obj Object.getPrototypeOf (obj)); return 才能,道具; ,} ,var propertys =, getAllPropertyNames(窗口); ,警报(propertys.length);,,//276 ,警报(propertys.join (“\ n")),,//toString等 })()
关于怎么在JavaScript中对属性进行遍历就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看的到。