javascript - 箭头函数返回参数作为对象的属性

Question

这个问题已经有答案了:

How to use a variable for a key in a JavaScript object literal? (16 个回答)

已关闭 5 年前。

我想返回参数word我的箭头函数作为对象键的属性。但返回的对象包含属性 "word"相反。

lines = ["first row","second row","third row"]
let newLines = lines.map((item, index)=> {
                    let wordsPerLines = item.split("\s");
                    return wordsPerLines.map(word => ({ word : index}))
            }
            );
            console.log(newLines);

这是输出:

[
  [
    {
      "word": 0
    },
    {
      "word": 0
    }
  ],
  [
    {
      "word": 1
    },
    {
      "word": 1
    }
  ],
  [
    {
      "word": 2
    }
  ]
]

我想要这样的输出:

[
  [
    {
      "first": 0
    },
    {
      "row": 0
    }
  ],
  [
    {
      "second": 1
    },
    {
      "row": 1
    }
  ],
  [
    {
      "third": 2
    },
    {
      "row": 2
    }
  ]
]

Answer 1

您必须将属性名称放在方括号中:

word => ({ [word] : index})

所以:

return wordsPerLines.map(word => ({ [word] : index}));

[ ] 可以包含任何表达式。对其进行评估，结果的字符串值将是属性名称。