打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
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);}

 

 

 

 

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
「简洁代码」20个常用的JavaScript简写技巧
JavaScript前端开发案例教程-第5章 对象
JavaScript数组遍历:for、foreach、for in、for of、$.each、$....
6种JavaScript中常见的循环遍历
【JavaScript 教程】数据类型-数组
ECMAScript 2017(ES8)特性概述
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服