js中数组的遍历方法

Posted 2020-12-15 今晚打老虎（-0_0-）

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js中数组的遍历方法相关的知识，希望对你有一定的参考价值。

<body>

　　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中数组的遍历方法的主要内容，如果未能解决你的问题，请参考以下文章

几个关于js数组方法reduce的经典片段

在html中遍历数据和js中遍历数据的区别。