在 ES7 中，Array.prototype.reduce() 方法得到了增强。这个方法可以帮助我们更加方便快捷地处理数组数据。这篇文章将带你深入了解 reduce() 方法的使用方法和应用场景，并提供一些示例代码供你参考。
reduce() 方法简介
reduce() 方法可以将一个数组中的每个元素依次对传入的回调函数进行操作，并将操作结果聚合起来，最终形成一个单独的返回值。这个返回值可以是任意类型的值，包括数字、字符串、对象、数组等。
reduce() 方法接收两个参数：回调函数以及可选的初始值。回调函数需要接收两个参数。第一个参数是聚合结果，第二个参数是当前数组正在处理的元素。回调函数还可以接收两个可选参数：当前元素在数组中的索引和调用 reduce() 方法的数组。
如果没有提供初始值，reduce() 方法会从数组的第一个元素开始迭代。如果提供了初始值，reduce() 方法会从初始值开始迭代。
reduce() 方法的应用场景
求数组中所有元素的和
const arr = [1, 2, 3, 4, 5]; const sum = arr.reduce((prev, curr) => prev + curr); console.log(sum); // 15
这个示例代码中，我们可以看到 reduce() 方法的典型应用场景。每个元素都被加入到了之前的聚合结果当中，最终形成了累加和的返回值。
将二维数组转换为一维数组
-- -------------------- ---- ------- ----- ------------------- - - --- -- --- --- -- --- --- -- --- -- ----- ------------------- - --------------------------------- ----- -- - ------ ------------------ -- ---- --------------------------------- -- --- -- -- -- -- -- -- -- --
在这个示例中，我们使用 reduce() 方法将二维数组转换为了一维数组。回调函数中的 prev 参数代表之前的聚合结果，curr 参数代表当前正在处理的元素。我们通过调用 concat() 方法将每一行的元素都添加到了之前的聚合结果中。
求数组中出现频率最高的元素
-- -------------------- ---- -------
----- --- - --- -- -- -- -- -- -- -- ---
----- ------------------- - ----------------- ----- -- -
---------- - ------------ - ----------- - ---
-- ----------- - ------------------ -
----------------- - -----------
------------ - -----
-
------ -----
-- - ------------- - ---
----------------------------------------- -- -在这个示例中，我们使用 reduce() 方法求出了数组中出现频率最高的元素。回调函数中的 prev 参数被初始化为一个包含 maxFrequency 属性的空对象，该属性表示目前出现频率最高的元素的出现次数。只要遍历到当前元素，就将其出现次数增加，并且在出现次数超过之前记录的最高频率后更新记录的元素。
总结
reduce() 方法是一个非常强大的方法，可以用于各种不同的情境。这个方法可以将一个可迭代对象中的元素聚合成一个单独的返回值，同时还可以方便地对每个元素进行某些二元操作。当你需要对数组中的所有元素进行一些统计、过滤、转换等操作时，reduce() 方法是一个非常有用的工具。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64d2e704b5eee0b525a41b5c