ES6-常用数组遍历方法区别

 1、map()

        map()通过指定函数处理数组的每个元素，并返回处理后的数组。

        当数组中元素是值类型，map不会改变数组；当是引用类型，则可以改变数组。map不会检查空数组。

let arr = [
    { name: 'zhangsan', age: 18 }, 
    { name: 'lisi', age: 20 }, 
    { name: 'wangwu', age: 22 }, 
    { name: 'test', age: 24 }
];
let result = arr.map(item => {
    item.age += 10;
    return item;
})
console.log(result);
// [{name:"zhangsan",age:28},{name:"lisi",age:30},{name:"wangwu",age:32},{name:"test",age: 34}]

2、find() 和 findIndex()

        find()是在数组中找到第一个符合条件的元素。

        主要用于查找数组的数据，只要查找到一条符合条件的数据，就直接返回该数据，剩余的元素不会再检测；如果没有找到符合条件的数据返回undefined。

let result2 = arr.find(item => {
    return item.name === "lisi";
})
console.log(result2);    // {name: "lisi", age: 20}

        findIndex()和find()类似，返回第一个符合条件的数组成员的位置，如果所有成员都不符合条件，则返回-1。

let result3 = arr.findIndex(item => {
    return item.name === "wangwu";
})
console.log(result3);    // 2

3、filter()

        filter()是在数组中找所有符合条件的元素。

        filter方法创建一个新的数组[]，符合条件的所有元素会添加到新数组，如果没有满足条件的元素，则返回[]。当数组中元素是值类型，filter不会改变数组；当是引用类型，则可以改变数组。

let result4 = arr.filter(item => {
    return item.name != "lisi";
})
console.log(result4); // [{name:"zhangsan",age:18},{name:"wangwu",age:22},{name:"test",age: 24}]

4、forEach()

        forEach()遍历数组全部元素，没有返回值。

        当数组中元素是值类型，forEach不会改变数组；当是引用类型，则可以改变数组。

arr.forEach(item => {
    item.age += 10;
});
console.log(arr);
// [{name:"zhangsan",age:28},{name:"lisi",age:30},{name:"wangwu",age:32},{name:"test",age: 34}]

5、some()

        some()是在数组中找是否有符合条件的元素，有一个条件正确就返回true。

        如果有一个元素满足条件，则表达式返回true，剩余的元素不会再检测。如果没有满足条件的元素，则返回false。

let result5 = arr.some(item => {
    return item.name ==="lisi";
})
console.log(result5);    // true

6、every()

        every() 方法使用指定函数检测数组中的所有元素，全部条件都正确才返回true。

        如果数组中检测到有一个元素不满足，则整个表达式返回 false ，且剩余的元素不会再进行检测。如果所有元素都满足条件，则返回 true。

let result6 = arr.every(item => {
    return item.age > 10;
})
console.log(result6);    // true

7、reduce()

        reduce()从左到右累加数组中的值，最后得到的仍是一个值。

let arr2 = [1, 2, 3, 4, 5];
let result7 = arr2.reduce((val, item, index, origin) => {
    return val + item;
})
console.log(result7);    // 15