为什么map方法不返回对象数组？

Question

let x = {a:1,b:2,c:3}
let result = Object.keys(x).map((i) => {
  console.log(i) ;
  return ({i :x[i]});
})

为什么是结果

[{i: 1},{i: 2},{i: 3}]

？在控制台中，正在打印 i 的值，即 a、b、c。退货期间会发生什么？

Answer 1

为什么map方法不返回对象数组？

确实如此。

退货期间会发生什么？

return ({i :x[i]}); 行表示：

• 创建一个对象。
• 给它一个名为"i" 的属性（不是i 的值，实际的文字名称"i"），其值来自x[i]。
• 将其作为此映射迭代的值返回，该值将在结果数组中使用。

结果是一组对象，每个对象都有一个名为 "i" 的属性。

如果您打算使用i 的值，则需要使用计算属性名称。对象文字周围的() 也没有理由：

return {[i]: x[i]};
//      ^^^------------- computed property name

现场示例：

let x = {a:1,b:2,c:3};
let result = Object.keys(x).map((i) => {
  console.log(i) ;
  return {[i]: x[i]};
});
console.log(result);

.as-console-wrapper {
    max-height: 100% !important;
}

这是在 ES2015 中引入的。在 ES5 及更早版本中，您必须先创建对象，然后再向其添加属性。