如何修复.map()函数使其返回正确的对象数组值

你的问题出在箭头函数的语法细节上：当箭头函数使用大括号{}时，JS会把它解析成函数代码块，而非对象字面量。你写的id:key;本质是标签语句，不是对象属性定义，整个函数没有返回值，所以.map()最终生成了全是undefined的数组。

要解决这个问题，只需把要返回的对象用小括号()包裹起来，让JS识别这是一个对象字面量而非代码块，同时可以简化箭头函数的写法（单参数可省略括号）：

const options = Object.keys(foo).map(key => ({ id: key, value: getTranslatedText(t, foo[key]) }));

执行后，options就会得到你期望的结果：

[
  {id:'1', value:'test1' }, 
  {id:'2', value:'test2' },
  {id:'3', value:'test3' }
]

内容的提问来源于stack exchange，提问作者lonelydev101