js中数组的遍历方法

2021-05-12 23:28

阅读:443

标签:ext   OLE   red   close   elements   each   splay   lap   div   


  
  
  
  
   
  
  var data = [
        {name: ‘zz‘,age: 18},
        {name: ‘xx‘,age: 20},
        {name: ‘yy‘,age: 19},
      ];
 
  var oDiv = document.getElementsByClassName(‘item‘);
 
  es5中
技术图片技术图片
data.forEach(function(item,index){
      oDiv[index].innerText = index+1+".我叫"+item.name+",年龄"+item.age
    })
forEach
技术图片技术图片
//filter,过滤,返回所有符合条件数据组成的新数组

    var result = data.filter(function(item,index,self){
      return item.age > 19;
    })
filter
技术图片技术图片
//every,判断所有项是否符合条件,返回值为布尔值,都为true则返回true

    console.log(data.every(function(item,index){
      return item.age > 18;
    }))
every
技术图片技术图片
//some,判断是否存在符合条件的项,存在就返回true,

    console.log(data.some(function(item,index){
      return item.age > 18;
    }))
some
技术图片技术图片
//reduce,累加器,reduceRight倒着查询
    // reduce(function(prevData,current,index,self){},initValue)

    var str = data.reduce(function(prevData,current){
      return prevData + current.name + ‘,‘
    },‘名字都是‘)
reduce/reduceRight

 

 

js中数组的遍历方法

标签:ext   OLE   red   close   elements   each   splay   lap   div   

原文地址:https://www.cnblogs.com/Rooney10/p/13137512.html


评论


亲,登录后才可以留言!