更新时间:2022年6月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进行遍历
除了支持字段之外javascript 数组 遍历,它还支持大多数类似字段的对象javascript 数组 遍历,例如 DOMNodeList 对象。
它还支持字符串遍历,将字符串视为一系列Unicode字符进行遍历。
var arr=["张三","李四","王五","赵六"]; for (var value of arr){ console.log(value); }
这篇关于JS遍历对象和字段的文章到此结束。 希望对您的学习有所帮助,也希望您多多支持脚本之家。