码迷,mamicode.com
首页 > 编程语言 > 详细

js中数组的遍历方法

时间:2020-06-15 20:57:09      阅读:51      评论:0      收藏:0      [点我收藏+]

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

<body>

  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
   
  <script>
  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

 

</script>
 

js中数组的遍历方法

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

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!