这个 Object.assign({}, ...array.map(/*...*/)) 代码在这里做什么

Question

我已经从 github 克隆了这个存储库，但我无法理解代码中发生的情况。

代码中的words是一个单词数组。

const wordDictionary = Object.assign({}, ...words.map((x) => ({ [x]: x })));

Answer 1

它采用一个数组（字符串数组，因为您说它是单词数组；但它也可以使用数字或符号）并将其转换为属性名称和值都相同的对象。例如，["an", "example"] 变为 {an: "an", example: "example"}：

const words = ["an", "example"];
const wordDictionary = Object.assign({}, ...words.map((x) => ({ [x]: x })));
console.log(wordDictionary);

它通过将每个数组元素映射到具有一个属性的对象（由数组元素命名，并带有数组元素的值），然后将所有这些对象分配给单个目标对象来实现这一点。

例如，对于我的 ["an", "example"] 数组，步骤如下：

1. 进行映射、转动：
   <前><代码>[“一个”，“示例”]

   进入

   [{an: "an"}, {example: "example"}]
   

2. 将该数组扩展为离散参数Object.assign 带有空白目标对象。所以

   Object.assign({}, ...[{an: "an"}, {example: "example"}])
   

   变成

   Object.assign({}, {an: "an"}, {example: "example"})
   

3. 使用 Object.assign 将这些对象的属性分配给第一个对象（空白 {} 对象）。

---

值得注意的是，代码过于复杂。使用循环会更简单：

const wordDictionary = {};
for (const word of words) {
    wordDictionary[word] = word;
}

单独地，这样的字典可以通过 Map 实例：

const wordDictionary = new Map();
for (const word of words) {
    wordDictionary.set(word, word);
}

或者在这种特定情况下（因为键和值相同）设置：

const wordDictionary = new Set(words);