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>
     
  • 相关阅读:
    idea 使用
    scala
    Java开发工具
    ActiveMQ基础
    Java 多线程实战
    Java 内部类和Lambda
    Spring 学习
    平滑重启php
    opcache
    redis的hscan命令
  • 原文地址:https://www.cnblogs.com/Rooney10/p/13137512.html
Copyright © 2011-2022 走看看