JS中常用的数组遍历方法

JS中常用的数组遍历方法

1.for循环

let arr=[1,2,3,4,5,6]
for(let i=0;i<arr.length;i++) {
    console.log(arr[i])//1,2,3,4,5,6j
}

2.foreach循环

//foreach没有返回值
let arr=[1,2,3,4,5,6]
arr.forEach((item,index)=>{
    console.log(itme)//1,2,3,4,5,6
    console.log(index)//0,1,2,3,4,5
})

3.map循环

//foreach有返回值
arr.map(function(value,index){
 
　　return XXX
 
})

//例
let arr = [1,2,3,4,5]; 
let res = ary.map(function (item,index) { 
    return item*10; 
}) 
console.log(res);//-->[10,20,30,40,50];  原数组拷贝了一份，并进行了修改
console.log(ary);//-->[1,2,3,4,5]；  原数组并未发生变化

4.forof遍历

var ary = [1,2,3,4,5];
for (var item of arr) {
	console.log(item);//1,2,3,4,5
}

5.filter遍历

//不会改变原始数组,返回新数组
var arr = [
  { id: 1, text: 'aa', done: true },
  { id: 2, text: 'bb', done: false }
]
console.log(arr.filter(item => item.done))//true false

6.every遍历

//every()是对数组中的每一项进行遍历，如果该函数对每一项返回true,则返回true。
let arr = [ 1, 2, 3, 4, 5, 6 ]; 
console.log( arr.every( function( item, index){ 
        return item > 3; 
    })); 
//false

7.some遍历

//some()是对数组中每一项进行遍历，如果该函数对任一项返回true，则返回true。
let arr = [ 1, 2, 3, 4, 5, 6 ]; 
    console.log( arr.some( function( item, index){ 
        return item > 3; 
    })); 
//true

8.find

//find()方法返回数组中符合测试函数条件的第一个元素。否则返回undefined
let peoples = [
    {
        name: '张三',
        gender: '男',
        age: 20
    },
    {
        name: '王小毛',
        gender: '男',
        age: 20
    },
    {
        name: '李四',
        gender: '男',
        age: 20
    }
]

function getName(item){
   return item.name == '李四'
}
peoples.find(getName)//返回{name: "李四", gender: "男", age: 20}

9.findIndex

对于数组中的每个元素进行遍历，直到有元素返回 true。只要有一个元素返回 true，findIndex 立即返回该返回 true 的元素的索引值。如果数组中没有任何元素返回 true，则 findIndex 返回 -1。findIndex 不会改变数组对象。
let arr=[1,2,3]
let info=arr.findIndex(function(item) { itme == 2; });
console.log(info)//1返回下标

10.reduce

//reduce() 方法接收一个函数作为累加器,累加求和
let arr=[0,1,2,3,4]
let sum = arr.reduce((a, b)=>a + b)
console.log(sum)//10

//reduce接受一个函数，函数有四个参数，分别是：上一次的值，当前值，当前值的索引，数组
arr.reduce(function(previousValue, currentValue, index, array){
 return previousValue + currentValue;
});