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()获取下标
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。