zoukankan      html  css  js  c++  java
  • js中数组的遍历方法

    <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>
     
  • 相关阅读:
    Linux入门第三天——more,less,head,tail,ls 用户权限
    linux 入门第一天
    python入门第八天 摘自--廖雪峰python课程
    python入门第七天
    匿名函数
    返回函数
    高阶函数之filter 和 sorted
    map,reduce高阶函数
    高阶函数 巩固
    装饰器
  • 原文地址:https://www.cnblogs.com/Rooney10/p/13137512.html
Copyright © 2011-2022 走看看