使用 reduce js 创建对象数组 - Javascript

在 Javascript 中, 有时候我们需要动态的创建一个对象数组。这时我们可以使用 reduce 方法。

什么是 reduce 方法？

reduce 方法使用一个给定函数对数组的每个元素进行操作，最后返回一个值。通常用来对数组进行求和、求积、累加等操作。

如何使用 reduce 方法创建对象数组？

下面是一个使用 reduce 方法来创建对象数组的例子：

const arr = [1, 2, 3, 4];

const objArr = arr.reduce((acc, val) => {
  acc.push({ num: val });
  return acc;
}, []);

console.log(objArr);

代码解释：

1. 首先，我们定义了一个数组 arr。
2. 然后，我们使用 reduce 方法对 arr 进行操作。
3. 在 reduce 方法中，我们传入一个函数。该函数的第一个参数 acc 是累加器，第二个参数 val 是当前元素。
4. 在函数体中，我们创建了一个对象 {num: val}。
5. 然后，我们将该对象添加到 acc 数组中，并返回 acc。
6. 最后，我们输出 objArr 数组，该数组包含了原数组 arr 中的每个元素所对应的对象 {num: val}。

输出结果如下：

[ { num: 1 }, { num: 2 }, { num: 3 }, { num: 4 } ]

总结

使用 reduce 方法可以轻松地创建对象数组，只需将一个对象 push 到累加器中即可。这使得 JavaScript 中的函数式编程变得更加容易。