ES6 中的数组辅助方法

ES6 (JavaScript) 中的数组辅助方法对于处理存储在数组中的数据非常有用。大多数时候，作为 Web 开发人员的工作是处理存储在数组中的数据，它可能是一个简单的数字数组，也可能是一个复杂的对象数组，其中每个对象都包含许多属性。 Array Helper Methods 有助于处理数组。数组辅助方法可以很容易地用于复杂的数组任务，也可以很容易地处理复杂的对象数组。

forEach()： forEach()函数用于遍历数组的所有条目。
示例：查找数字数组中所有数字的总和。

let sum = 0;
const numbers = [1, 2, 3, 4, 5];
  
numbers.forEach( (num) => {
  sum = sum + num;
});
  
document.write(sum); // 15

输出：

15

map()： map() 方法用于遍历数组的所有条目，修改它们并返回一个新数组，但不操作旧数组。
示例：将数组的每个数字乘以 2 并生成一个新数组。

const numbers = [1, 2, 3, 4, 5];
  
let double = numbers.map( (num) => {
  
  // Its mandatory to have a
  // return while using map
  return num * 2;
});
  
document.write(double); // [2, 4, 6, 8, 10]

输出：

2, 4, 6, 8, 10

示例： map() 方法还可用于从对象数组中提取属性并将其存储在另一个数组中。

const objects = [
    {a:1, b:2},
    {a:3, b:4},
    {a:5, b:6}
];
  
let onlybs = objects.map( (object) => {
    return object.b;
});
  
document.write(onlybs); // [2, 4, 6]

输出：

2, 4, 6

filter()： filter() 方法用于遍历数组的所有条目，并将所需的实体过滤到另一个数组中。
示例：过滤所有标志为 1 的对象。

let objects = [
    {flag:1, a:1},
    {flag:0, a:2},
    {flag:1, a:3}
];
  
// Use filter() function to
// filter the object
objects.filter((object) => {
  
    if(object.flag === 1) {
          
        // Display the result
        console.log("flag:" + object.flag
                    + ", a:" + object.a);
    }
});
  

输出：

flag:1, a:1
flag:1, a:3

find()： find() 方法用于遍历数组的所有条目，并返回与特定条件匹配的记录。
示例：查找标志为 0 的对象。

let objects = [
    {flag:1, a:1},
    {flag:0, a:2},
    {flag:1, a:3}
];
  
// Use find() function to
// filter the object
objects.find((object) => {
  
    if(object.flag === 0) {
          
        // Display the result
        console.log("flag:" + object.flag
                    + ", a:" + object.a);
    }
});
  

输出：

flag:0, a:2

注意： filter() 方法返回一个对象数组，find() 方法返回一个对象。