JavaScript中遍历对象的property的3种方法介绍
更新时间：2014年12月30日 09:31:43 投稿：junjie
这篇文章主要介绍了JavaScript中遍历对象的property的3种方法介绍,本文先是讲解了3种方法并用一张图片加深理解,然后给出代码实例,需要的朋友可以参考下
在JavaScript中，可以用三种方法来遍历对象的property：
1.for/in。可以使用for/in语句遍历对象自身的property(Own Property)及其从原型对象处继承的property，只有enumerable的property才会被遍历到。
2.Object.keys()。可以将对象作为参数传入Object.keys()，Object.keys()语句将返回由所有property名称字符串所组成的数组。Object.keys()语句仅返回对象自身的(Own Property)且enumerable的property。该语句仅在ECMAScript 5标准中有效。
3.Object.getOwnPropertyNames()。可以将对象作为参数传入Object.getOwnPropertyNames()，与Object.keys()一样，该语句将返回由所有property名称字符串所组成的数组。与Object.keys()不同的是，Object.getOwnPropertyNames()语句将返回所有对象自身的property(Own Property)，而不论其是否为enumerable。该语句仅在ECMAScript 5标准中有效。
综合上述信息，总结成图如下：
实验：
复制代码 代码如下:
var o = {x:1, y:2};
var a = Object.create(o);
a.z = 3;
for(p in a){
console.log(p);
}//z x y
console.log(Object.keys(a));//["z"]
console.log(Object.getOwnPropertyNames(a));//["z"]
相关文章
属性名大小写问题，如属性window.screen.height2009-06-06
这篇文章主要介绍了如何编写一个 Webpack Loader的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-10-10
这篇文章主要为大家详细介绍了Bootstrap实现模态框效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-09-09
FullPage.js 是一个简单而易于使用的插件，用来创建全屏滚动网站（也被称为单页网站）。接下来通过本文给大家介绍Fullpage.js固定导航栏-实现定位导航栏，对fullpage.js导航栏相关知识感兴趣的朋友一起学习吧2016-03-03
这篇文章主要介绍了js实现日期比较相关天数的方法,需要的朋友可以参考下2014-04-04
把数组中某个值删除，并返回新数组，需要遍历旧数组找到要删除的元素，下面有个不错的示例，大家可以参考下2014-03-03
本篇文章主要介绍了鼠标经过tr时,改变tr当前背景颜色的示例代码，需要的朋友可以过来参考下，希望对大家有所帮助2014-01-01
这篇文章主要给大家介绍了关于JavaScript中变量提升机制的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用JavaScript具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-12-12
这篇文章主要介绍了JS实现网页顶部向下滑出的全国城市切换导航效果,涉及javascript鼠标事件及页面元素显示的实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-08-08
ros::spin() 和 ros::spinOnce()函数的区别及详解
这篇文章主要介绍了ros::spin() 和 ros::spinOnce()函数的区别及详解的相关资料，本文介绍的非常详细，具有参考借鉴价值，感谢兴趣的朋友一起看看吧2016-10-10
最新评论