代码之家 › 专栏 › 技术社区 › Julius DzidzeviÄius

在arrow函数[重复]中使用ComputedPropertyName创建对象文字

computed-properties arrow-functions ecmascript-6 javascript

Julius DzidzeviÄius · 技术社区 · 7 年前

如何转换:

const array = [10, 0, 90, 80, 50, 0, 60];
let id = 1;

const studentScores = array.map(function(score, index){
  return { [index]: score, student_id: id } 
});

console.log(studentScores)

转换为fat arrow语法:

const studentScores = array.map((score, index) => { [index]: score, student_id: id } );

我的尝试引发错误:

SyntaxError:意外标记:

2 回复 | 直到 7 年前

Pointy 7 年前

您必须在对象文本中插入括号,以使解析器确信是对象文字:

const studentScores = array.map((score, index) => ({ [index]: score, student_id: id }) );

通过将其包装在括号中,解析器被迫将其解释为表示而不是 语句块 . 这个 { 字符具有这种模糊性,当它是语句中的第一件事时,解析器总是假定“语句块”就是它所看到的。

Faly 7 年前

到 含蓄地 使用箭头函数返回对象,并用括号将其包裹:

const studentScores = array.map((score, index) => ({ [index]: score, student_id: id }) );

推荐文章

Udders · 使用另一个数组中的值按索引从数组中删除

2 年前

Matt · 获取数组长度并推入每个对象

2 年前

Rahmouni Rabii · 尝试访问数组中的对象时未定义

3 年前

Brian Patterson · Javascript自定义数组。原型方法日志“未定义”

3 年前

dapidmini · 未捕获的承诺嵌套异步函数承诺错误处理

3 年前

Arka Bhattacharjee · 如何在JavaScript中反转大写的字符串?[重复]

3 年前

Zeeps Wear · 如何按键对对象进行分组?

3 年前

Kevin Giraldo · 如何更改字符串或数字在JavaScript中转换类的方式?

3 年前

Rachel · 如何按ID从JSON对象数组中删除数组元素

3 年前

minsu123 · 如何解析react中的单个引用?

3 年前