在前端开发中，操作对象是非常常见的任务之一。object.reduce() 是一个方便而有用的函数，可以对 JavaScript 对象进行迭代和聚合操作。
基本用法
这个函数的作用是将一个对象的键值对聚合成一个单一的值。它接受两个参数：
- 一个回调函数，用于处理对象的每个 键值对。
- 一个可选的初值（初始累加器）。
下面是一个简单的示例，演示如何使用 object.reduce() 将一个对象的值相加：
const numbers = { a: 1, b: 2, c: 3 };
const sum = Object.values(numbers).reduce((accumulator, currentValue) => accumulator + currentValue, 0);
console.log(sum); // 6在上述代码中，我们首先定义了一个包含三个数字键值对的对象。然后，我们使用 Object.values() 方法获取对象的所有值，并将它们传递给 object.reduce() 函数。回调函数接受两个参数：一个累加器 accumulator 和当前元素的值 currentValue。在每次迭代中，这个函数将当前元素的值添加到累加器中，并返回一个新的累加器值。最后，我们将累加器的最终值输出到控制台上。
进阶用法
除了基本用法之外，object.reduce() 还支持一些进阶用法。例如，我们可以使用它来创建一个新的对象或数组，而不是简单地返回一个单一的值。
创建一个新的对象
假设我们有一个包含学生信息的对象数组，每个学生都有一个名字和分数。现在我们想要根据分数将这些学生分成两组：及格和不及格。我们可以使用 object.reduce() 实现：
-- -------------------- ---- -------
----- -------- - -
- ----- ------ ------ -- --
- ----- -------- ------ -- --
- ----- -------- ------ -- --
- ----- ------- ------ -- -
--
----- ------ - ----------------------------- -------- -- -
-- -------------- -- --- -
-------------------------------
- ---- -
-------------------------------
-
------ ------------
-- - ----- --- ----- -- ---
--------------------
--
-
----- -
- ----- ------ ------ -- --
- ----- -------- ------ -- --
- ----- -------- ------ -- -
--
----- -
- ----- ------- ------ -- -
-
-
--在上述代码中，我们使用了一个对象作为初始累加器，并在回调函数中根据学生的分数将其分为两个组：及格和不及格。然后，我们返回更新后的累加器对象，最终得到一个包含两个属性（pass 和 fail）的新对象。
创建一个新的数组
除了创建一个新的对象之外，我们还可以使用 object.reduce() 创建一个新的数组。下面是一个示例，演示如何从一个对象数组中提取特定的值：
-- -------------------- ---- ------- ----- -------- - - - ----- ------ ------ -- -- - ----- -------- ------ -- -- - ----- -------- ------ -- -- - ----- ------- ------ -- - -- ----- ----- - ----------------------------- -------- -- - ------------------------------- ------ ------------ -- ---- ------------------- -- ------- -------- -------- -------
在上述代码中，我们使用一个空数组作为初始累加器，并在每次迭代中将当前学生的名字添加到该数组中。最终，我们得到一个包含所有学生名字的新数组。
总结
object.reduce() 是一个非常有用的函数，可以对 JavaScript 对象进行
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/46895