学习JavaScrip 中常见的6种数组方法

1.find()方法

• find()方法取得数组中第一个满足回调函数中指定条件的元素。如果没有元素满足条件，这个方法返回undefined。

下面的例子能够帮助你理解 find() 的用处——取得满足条件的第一个元素：

2.forEach()方法

• forEach()方法用于遍历数组，并对数组中的每个元素执行一个函数。

下面的例子能够帮助你理解 forEach() 的用处——对数组的每个元素执行一次给定的函数：

3. join()方法

• join()方法用于将数组中的所有元素连接成一个字符串。它需要一个名为separator（指定一个字符串来分隔数组的每个元素。）的可选参数，用于分隔数组中的每个元素。如果数组只有一个元素，那么将返回该元素而不使用分隔符。

下面的例子能够帮助你理解 join() 的用处——所有元素连接成一个字符串并返回这个字符串：

4.map()方法

• map() 方法创建一个新数组，其搭配函数方法的基本使用方法如下：

array.map(el => {

})

• map()方法用于迭代数组并返回一个新数组。当需要根据现有数组的值创建新数组时，这个新数组由原数组中的每个元素都调用一次提供的函数后的返回值组成。

下面的例子能够帮助你理解 map() 的用处——根据条件创建一个新数组：

5.reduce()方法

• reduce() 方法对数组中的每个元素按序执行一个提供的 reducer 函数，每一次运行 reducer 会将先前元素的计算结果作为参数传入，最后将其结果汇总为单个返回值。

• reduce()接受回调。然而，这个回调函数至少有两个参数。第一个是累加器，第二个是数组中的当前元素。回调函数的返回值成为下一次迭代时累加器的值。

  array.reduce((acc, el) => {
  
  });
  

下面的例子能够帮助你理解 reduce() 的用处——计算数组所有元素的总和：

• 为了安全起见，最好设置一个初始值。下面是一个将初始值设置为空字符串的示例:

  array.reduce((acc, el) => acc + el.toLowerCase(), "");
  

6.filter()方法

• filter()方法可以从数组中过滤元素，并在此过程中创建一个新数组。filter()方法只保留数组中满足回调函数要求的元素
• filter()方法接受一个回调函数。回调函数将当前元素作为其第一个参数。

  array.filter(el => {
  
  })
  

下面的例子能够帮助你理解 filter() 的用处——过滤筛选出符合条件的原数组元素：