使用展开运算符从map函数返回键值对的方法

Question

我有一个对象和一个数组。假设：

const first = { 
  'key1': 'some date',
  'key2': 'some date'
}

const second = ['key3', 'key4']

然后使用扩展语法将它们合并为单个对象。对于数组中的每个项，我想创建一个新的键值对，并将其放入这个合并的对象中。目前，我只能从map函数中返回对象，而不是键值对。如何更改这个？

const combined = {
  ...first,
  ...second.map(key => ({ [key]: new Date() })) // 返回键值对而不是对象
}

我得到的结果：

{
  '0': { key3: 'some date' },
  '1': { key4: 'some date' },
  key1: 'some date',
  key2: 'some date'
}

我想要的结果：

{
  key1: 'some date',
  key2: 'some date',
  key3: 'some date',
  key4: 'some date'
}

Answer 1

无法这样做。 map 输出一个数组（其中每个值是通过将原始数组中匹配索引处的值传递给函数的结果）。如果将数组展开到对象中，您将得到索引（数字）作为属性名称和值作为值。

如果您想从数组开始并以对象结束，那么map就是错误的工具。请改用reduce。

类似以下代码：

const combined = second.reduce(
    (prev, curr) => {
        return {
            ...prev,
            [curr]: new Date()
        };
    },
    first
);