使用不是有效变量名称的属性名称进行对象解构

Question

有谁知道您是否可以在属性名称中使用带有空格的对象解构？也许这无法完成，我意识到 JavaScript 表示法不正确，但我无法更改服务器 json 响应。

var obj1 = {name: 'Mr Smith', age: 21};
//destructure
var {name, age} = obj1;
//name='Mr Smith' and age=21

这按预期工作。

但是当我有以下对象结构时，我可以使用对象解构吗？

var obj2 = {"my name": "Mr Jones", age: 22};
var {'my name', age} = obj2; 

如果这是不可能的，如果我可以用某种语法来分配变量，比如“as”，那就太好了......

var {'my name' as name, age} = obj2; //name='Mr Jones';

谢谢

Answer 1

您可以使用以下语法为其分配一个有效的变量名：

var {"my name": myName, age} = obj2; 

// use myName here

Answer 2

当我有一个属性名称中有空格的对象时，我可以使用对象解构吗？

是的，您可以使用解构，但您始终只能分配给标识符（变量名）。由于不允许使用空格，因此您不能使用属性名称和标识符相同的速记语法。

如果我可以用某种语法如“as”来分配变量，那就太好了：

var {'my name' as name, age} = obj2;

as 用于模块导入/导出。对于普通对象——文字和解构——你使用冒号::

var {'my name': name, age} = obj2;