es6 解构但传递动态变量

IT技术 javascript reactjs destructuring
2021-03-26 09:46:02

说我的state是这样的:

{
  item:{
      a:'a',
      b:'b'
  }
}

然后我可以a通过执行以下操作从项目中提取

const { a } = this.state.item

但是可以使用{}of动态拉取es6吗?

例如const { variable } = this.state.item, wherevariable可以是ab

1个回答

正如4castle指出的那样,您可以使用Computed 对象属性名称和带有附加键/值对变量的解构进行解构。

var object = { item: { a: 'a0', b: 'b0' } },
    key = 'b',
    value;

({ [key]: value } = object.item);

console.log(value);

解构时究竟如何使用变量🙌
2021-05-23 09:46:02
你要求解构。剩下的取决于你。
2021-05-27 09:46:02
这太复杂了,我宁愿只做 if else 并将其分配给普通变量。
2021-05-28 09:46:02
@AlexYong Destructuring 仅在您需要一次对多个属性执行此操作时才有意义。否则,你也可以这样做const value = object.item[key];
2021-05-31 09:46:02