javascript之遍历数组及对象

2024年2月25日 242次阅读 来源: 爱生活的玛西娜

var arr = [18,20,26];
var obj = {name:”xiaohong”,sex:”f”,age:”18″};

for 可用于数组的遍历


for(var i=0;i<arr.length;i++){
   //i为index
    console.log(i+':'+arr[i]);
}

for in/for of 遍历

for in 会遍历对象一切可罗列的属性，包含prototype的，可经由过程hasOwnProperty（）来过滤，使得只要私有属性被遍历

for(var key in obj){
    //遍历key
    if（obj.hasOwnProperty(key)）{
        console.log(key+':'+obj[key]);
    }
}

for of 用于遍历一切可遍历（有Symbol.iterator属性）的collection的数值

//用于数组遍历
for(var val of arr){
    console.log(val); 
}


//用于对象属性值遍历,这里的对象必需是iterable的

 for(var val of obj){
        console.log(val); 
    }

or 

  for(var [key,val] of obj){
        //遍历key & value
        console.log(key+":"+val); 
  }

Note： for…of合适用来遍历数组，for…in也可用于遍历数组，然则假如经由过程Array.prototype.xxx为Array原生对象添加了属性，则会在该遍历中被读到。

foreach，map,filter，reduce 用于数组遍历

foreach 用于数组遍历，无返回值

arr.foreach(function(value,index,thisArray){
    //三个参数，分别为索引，值，当前array
    console.log(index+':'+value);
});

map和filter会返回一个新的数组

var newArr = arr.map(function(value,index,thisArray){
    //三个参数，分别为索引，值，当前array
    return value*2;
});

var newArr = arr.filter(function(value,index,thisArray){
    //三个参数，分别为索引，值，当前array
    return value>100;    //依据return为false或true来决议是不是留下当前元素
});

reduce会返回一个累加值

    var sum = arrreduce.reduce(function(previousValue, currentValue, currentIndex, thisArray) {
          return previousValue + currentValue;
    });

Note: 以上函数都可以用箭头函数誊写，比方reduce：

  var sum = arrreduce.reduce((previousValue, currentValue) => previousValue + currentValue);

运用iterator举行遍历

主如果经由过程iterator的next()函数举行遍历，须要定义generator和[Symbol.iterator]属性。
    原文作者：爱生活的玛西娜
    原文地址: https://segmentfault.com/a/1190000007261341
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞