将数组归约为对象 JavaScript

在 JavaScript 中，我们可以通过对数组进行归约操作，将其转换为一个普通对象。

定义

Array.reduce() 方法用于对数组中的每个元素执行回调函数，将回调函数的返回值累计到一个输出值中，并最终返回该输出值。

array.reduce(callback[, initialValue])

参数：

• callback: 回调函数
• initialValue: 可选，第一次调用回调函数时作为第一个参数传递的值

示例

假设我们有一个数组，它表示每个月的销售额：

const sales = [1000, 2000, 3000, 4000, 5000, 6000, 7000, 8000, 9000, 10000, 11000, 12000];

我们想把这个数组转换为一个对象，该对象有以下属性和值：

• Jan: 1000
• Feb: 2000
• Mar: 3000
• Apr: 4000
• May: 5000
• Jun: 6000
• Jul: 7000
• Aug: 8000
• Sep: 9000
• Oct: 10000
• Nov: 11000
• Dec: 12000

我们可以使用 Array.reduce() 方法来实现这个目标：

const initialValue = {};
const monthlySales = sales.reduce((acc, cur, index) => {
  const month = new Date(2022, index, 1).toLocaleString('en-us', { month: 'short' });
  acc[month] = cur;
  return acc;
}, initialValue);

console.log(monthlySales);

输出结果：

{
  "Jan": 1000,
  "Feb": 2000,
  "Mar": 3000,
  "Apr": 4000,
  "May": 5000,
  "Jun": 6000,
  "Jul": 7000,
  "Aug": 8000,
  "Sep": 9000,
  "Oct": 10000,
  "Nov": 11000,
  "Dec": 12000
}

在上面的代码中，我们首先定义了一个空对象 initialValue，作为 reduce 方法的第二个参数。在 reduce 方法的回调函数中，我们使用当前元素的索引来计算出对应的月份名称，并将月份名称和当前元素的值存储到输出对象 acc 中，最终返回 acc 给 reduce 方法使用。

总结

归约操作可以将一个数组转换为普通对象，它非常适用于数组的数据转换和数据处理场景。在使用 reduce 方法时，我们应该熟练掌握它的参数和回调函数的写法。