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遍历对象和数组的文章就介绍到这了。希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
下面小编就为大家带来一篇盘点javascript 正则表达式中 中括号的【坑】。小编觉得总结的不错。现在分享给大家，希望能给大家一个参考2016-03-03
在每年的10月24日,我们都会庆祝程序员节,这是一个向所有辛勤工作、创造出无数令人惊叹应用和系统的程序员们致敬的日子,为了纪念这个特殊的日子,我们将通过编写一个简单的1024小游戏来向所有程序员们表示敬意,本文将详细解释如何使用JavaScript编写这个小游戏2023-10-10
通用判断版本号是否在两者之间,也可以搭配判断是否大于某版本号,小于取反即可，本文给大家介绍通用javascript代码判断版本号是否在版本范围之间，需要的朋友参考下2015-11-11
无论是代码高亮还是语法高亮对整个程序来说都非常重要，可以给人眼前一亮的感觉，增加用户体验度，下面通过本文给大家介绍2016年最热门的Javascript代码高亮显示脚本及代码语法高亮工具，对js代码高亮，代码语法高亮相关知识感兴趣的朋友一起学习吧2016-01-01
在javascript你不需要使用new Object()，你该使用{}就可以了。2009-07-07
这篇文章主要介绍了最简单的JS实现json转csv的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-01-01
今天小编就为大家分享一篇layui 选择列表,打勾,点击确定返回数据的例子，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
JavaScript 早已不只是一门写写网页特效的脚本语言了，如今广泛用于网站的前端交互。2011-04-04
这篇文章主要为大家介绍了Typescript文件被识别为视频的问题解决，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-06-06
有效性验证的方法有很多，在本文将为大家介绍下如何使用js简单实现下，感兴趣的朋友可以参考下2013-10-10
最新评论