javaScript遍历对象和数组的方法总结
更新时间：2022年06月21日 14:45:55 作者：小旭2021
这篇文章介绍了javaScript遍历对象和数组的方法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
在日常工作过程中，我们对于javaScript遍历对象、数组的操作是十分的频繁的，今天抽空把经常用到的方法小结一下，方便今后参考使用！
javaScript遍历对象总结
1、使用Object.keys()遍历
返回一个数组,包括对象自身的(不含继承的)所有可枚举属性(不含Symbol属性).
var obj = {'0':'a','1':'b','2':'c'};
Object.keys(obj).forEach(function(key){
console.log(key,obj[key]);
});
2、使用for..in..遍历
循环遍历对象自身的和继承的可枚举属性(不含Symbol属性).
var obj = {'0':'a','1':'b','2':'c'};
for(var i in obj) {
console.log(i,":",obj[i]);
}
3、使用Object.getOwnPropertyNames(obj)遍历
返回一个数组,包含对象自身的所有属性(不含Symbol属性,但是包括不可枚举属性).
var obj = {'0':'a','1':'b','2':'c'};
Object.getOwnPropertyNames(obj).forEach(function(key){
console.log(key,obj[key]);
});
4、使用Reflect.ownKeys(obj)遍历
返回一个数组,包含对象自身的所有属性,不管属性名是Symbol或字符串,也不管是否可枚举.
var obj = {'0':'a','1':'b','2':'c'};
Reflect.ownKeys(obj).forEach(function(key){
console.log(key,obj[key]);
});
javaScript遍历数组总结
1、使用forEach遍历
var arr=[1,2,3,4];
arr.forEach(function(val, index) {
console.log(val, index);
});
2、使用for..in..遍历
var arr=["张三","李四","王五","赵六"];
for (var i in arr){
console.log(i,":",arr[i]);
}
3、使用for-of遍历
不仅支持数组，还支持大多数类数组对象，例如DOM NodeList对象.
也支持字符串遍历，它将字符串视为一系列的Unicode字符来进行遍历.
var arr=["张三","李四","王五","赵六"];
for (var value of arr){
console.log(value);
}
到此这篇关于JS遍历对象和数组的文章就介绍到这了。希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
Bootstrap每天必学之表格，向大家分享了几种最为常用的各种列表展示，希望大家喜欢。2015-11-11
这篇文章主要介绍了moment.js 计算当前一周、一月对应日期的实例代码，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-12-12
这篇文章主要为大家详细介绍了jfinal与bootstrap的登出实战，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-11-11
这篇文章主要介绍了在页面加载之后执行JavaScript的详细过程，本文通过实例代码文字解说给大家讲解的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2022-06-06
详解webpack 打包文件体积过大解决方案（code splitting）
这篇文章主要介绍了webpack 打包文件体积过大解决方案（code splitting）,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-04-04
JavaScript在IE和Firefox浏览器下的7个差异兼容写法小结
尽管那需要用长串的、沉闷的不同分支代码来应付不同浏览器的日子已经过去，偶尔还是有必要做一些简单的区分和目标检测来确保某块代码能在用户的机器上正常运行。2010-06-06
本文主要对JavaScript闭包进行详细介绍。相信对零基础学习闭包的朋友们会有很好的帮助，下面跟着小编一起来看下吧2016-12-12
这篇文章主要介绍了js文件包含的几种方式，在某些情况下还是比较实用的，下面以示例代码的方式来呈现2014-09-09
这篇文章主要介绍了Webpack中雪碧图插件使用详解，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-05-05
相信大家现在都知道微信小程序吧，下面这篇文章主要给大家介绍了微信小程序开发之map地图的相关资料，分享出来供大家参考学习，文中通过示例代码介绍的非常详细，需要的朋友们下面跟着小编来一起学习学习吧。2017-06-06
最新评论