javascript - 如何从 .map 返回对象数组

Question

这个问题已经有答案了:

ECMAScript 6 arrow function that returns an object (6 个回答)

已关闭 5 年前。

在下面的代码中，activeProgs是一个包含程序对象的数组。我正在使用 .map 因为我想要一个包含名称的数组程序和代币值。该 token 值是一个整数，可以为每个程序加一，如下面的代码所示。

我的问题是，如果我想要拥有包含程序名称和 token 但作为对象的相同数组。换句话说，我想要 .map()返回一个数组，但该数组包含具有两个属性“progName”和“token”的对象。我可以执行以下操作吗？

    activeProgs.map((prog)=> {progName: prog.getHeader().getName(), token: (++i)} )

请告诉我正确的做法

代码:

activeProgs.map((prog)=> prog.getHeader().getName() + '->' + (++i))

Answer 1

像这样:

activeProgs.map((prog) => ({progName: prog.getHeader().getName(), token: (++i)}) );

或者像这样:

activeProgs.map((prog) => {
    return {progName: prog.getHeader().getName(), token: (++i)} 
})

在第一个示例中，在 {} 两边添加括号会强制将其解析为包含对象文字的表达式。在您的代码中，它被解释为函数声明的一部分，从而使下一位成为语法错误。

第二个使这一点更加明确