js中的遍历

一、数组遍历

• for循环

  • for in

var a=[1,2,3,4,5,6];
for(var i in a){
  console.log(i)
}
//0,1,2,3,4,5
/*遍历数组的下标*/

• for of

var a=[1,2,3,4,5,6];
for(var i of a){
  console.log(i)
}
//1,2,3,4,5,6
/*遍历数组的值*/

• 使用Object.keys()获取下标

• 迭代方法

  • every() 对数组中的每一项执行函数，如果每一项返回true则函数返回true
  • some() 对数组中的每一项执行函数，如果有一项返回true则函数返回true
  • map() 对数组中的每一项执行函数，返回处理后的每一项
  • fliter() 对数组中的每一项执行函数，将返回true的项组成数组返回
  • forEach() 对数组中的每一项执行函数，没有返回值

var a=[1,2,3,4,5,6,77,55,43];
a.map((value,index,a)=>{
  console.log("this is ["+a+],and a["+index+"]="+value);
//this is[1,2,3,4,5,6,77,55,43],and a[0]=1
})
a.filter((value)=>{
  if(value>5)
    return value;
});//[6,77,55,43]

• reducer(callback,initialValue)/reducerRight()

var x=[1,2,3,4,5,6,7]
x.reduce((pre,value,i,x)=>{ return pre+value},100);//128
/*在callback函数传入pre（上一个值，初始值为initialValue||0）、value（当前值）、
i（当前值的索引）、x（数组本身），进行迭代*/

• find() 找出第一个符合条件的数组成员并返回/findIndex() 返回下标

var c=[2,3,4,5,6,7];
c.find((a)=>{return a>5}) //6
/*返回第一个符合条件的值*/

一、对象遍历

• for循环

  • for in
  • 使用Object.keys()获取下标