JavaScript中遍历对象的property的3种方法介绍


Posted in Javascript onDecember 30, 2014

在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标准中有效。

综合上述信息,总结成图如下:

JavaScript中遍历对象的property的3种方法介绍

实验:

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"]
Javascript 相关文章推荐
Jquery Validation插件防止重复提交表单的解决方法
Mar 05 Javascript
jQuery动态添加、删除元素的方法
Jan 09 Javascript
js的延迟执行问题分析
Jun 23 Javascript
jQuery类选择器用法实例
Dec 23 Javascript
JavaScript父子窗体间的调用方法
Mar 31 Javascript
javascript cookie用法基础教程(概念,设置,读取及删除)
Sep 20 Javascript
jQuery操作css样式
May 15 jQuery
jQuery 查找元素操作实例小结
Oct 02 jQuery
Vue el-autocomplete远程搜索下拉框并实现自动填充功能(推荐)
Oct 25 Javascript
vue2.0 解决抽取公用js的问题
Jul 31 Javascript
vue图片裁剪插件vue-cropper使用方法详解
Dec 16 Vue.js
JavaScript与JQuery框架基础入门教程
Jul 15 Javascript
JavaScript语言对Unicode字符集的支持详解
Dec 30 #Javascript
JavaScript中的对象的extensible属性介绍
Dec 30 #Javascript
JavaScript中的对象序列化介绍
Dec 30 #Javascript
JavaScript中的数组特性介绍
Dec 30 #Javascript
JavaScript中数组成员的添加、删除介绍
Dec 30 #Javascript
JavaScript 实现打印,打印预览,打印设置
Dec 30 #Javascript
JavaScript中的数组操作介绍
Dec 30 #Javascript
You might like
mysql建立外键
2006/11/25 PHP
PHP中使用gettext来支持多语言的方法
2011/05/02 PHP
php环境配置之CGI、FastCGI、PHP-CGI、PHP-FPM、Spawn-FCGI比较?
2011/10/17 PHP
php生成短网址示例
2014/05/05 PHP
CI框架表单验证实例详解
2016/11/21 PHP
Yii框架学习笔记之session与cookie简单操作示例
2019/04/30 PHP
php高性能日志系统 seaslog 的安装与使用方法分析
2020/02/29 PHP
function, new function, new Function之间的区别
2007/03/08 Javascript
限制上传文件大小和格式的jQuery插件实例
2015/01/24 Javascript
包含中国城市的javascript对象实例
2015/08/03 Javascript
Javascript中常用类型的格式化方法小结
2016/12/26 Javascript
js实现4个方向滚动的球
2017/03/06 Javascript
js实现一键复制功能
2017/03/16 Javascript
详解node.js搭建代理服务器请求数据
2017/04/08 Javascript
jQuery使用JSONP实现跨域获取数据的三种方法详解
2017/05/04 jQuery
详解基于Bootstrap+angular的一个豆瓣电影app
2017/06/26 Javascript
vue-cli2.x项目优化之引入本地静态库文件的方法
2018/06/19 Javascript
小程序测试后台服务的方法(ngrok)
2019/03/08 Javascript
ES11新增的这9个新特性,你都掌握了吗
2020/10/15 Javascript
在vue中使用jsonp进行跨域请求接口操作
2020/10/29 Javascript
10分钟学会js处理json的常用方法
2020/12/06 Javascript
[52:09]2014 DOTA2华西杯精英邀请赛 5 25 NewBee VS DK第二场
2014/05/26 DOTA
python抓取京东价格分析京东商品价格走势
2014/01/09 Python
深入解析Python中的变量和赋值运算符
2015/10/12 Python
用Python进行简单图像识别(验证码)
2018/01/19 Python
NumPy 数组使用大全
2019/04/25 Python
python GUI库图形界面开发之PyQt5信号与槽的高级使用技巧装饰器信号与槽详细使用方法与实例
2020/03/06 Python
python datetime处理时间小结
2020/04/16 Python
python实现代码审查自动回复消息
2021/02/01 Python
社区消防工作实施方案
2014/03/21 职场文书
村干部承诺书
2014/03/28 职场文书
2014党员批评和自我批评思想汇报
2014/09/21 职场文书
2015年办公室个人工作总结
2015/04/20 职场文书
单位病假条范文
2015/08/17 职场文书
如何在Python中创建二叉树
2021/03/30 Python
如何利用React实现图片识别App
2022/02/18 Javascript