变量对象键（`${}`）[重复]答案

【问题标题】：variable object key(`${}`) [duplicate]变量对象键（`${}`）[重复]
【发布时间】：2020-02-18 05:10:32
【问题描述】：

我想使用另一个对象的数字作为我的对象键

我在制作对象时尝试使用${}（导致解析错误）

{
    this.props.tasks.map(i=>{
        return (
            data.push({
                name:i.name,
                `${parseInt(i.start, 10)}`:'x',
                `${parseInt(i.end, 10)}`:'x'
            })
        );
    })
}

错误信息：

Line 30:21:  Parsing error: Unexpected token

  28 |                 data.push({
  29 |                     name:i.name,
> 30 |                     `${parseInt(i.start, 10)}`:'x',
     |                     ^
  31 |                     `${parseInt(i.end, 10)}`:'x'   
  32 |                 })
  33 |                 );

【问题讨论】：

参考：developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…

标签： javascript reactjs

【解决方案1】：

您可以使用computed property names

{
  this.props.tasks
    .map(i => {
      return (data.push({ 
        name: i.name,
        [`${parseInt(i.start, 10)}`]: 'x',
        [`${parseInt(i.end, 10)}`]: 'x' 
      }));
    })
}

【讨论】：

【解决方案2】：

试试这个：

{
    this.props.tasks.map(i=>{
        return (
            data.push({
                name: i.name,
                [`${parseInt(i.start, 10)}`]: 'x',
                [`${parseInt(i.end, 10)}`]: 'x'
            })
        );
    })
}

括号表示法使用字符串，但您可以使用任何合法的 javascript 代码生成字符串。您可以将字符串指定为文字或使用变量或以某种方式计算。

【讨论】：