Skip to main content
 首页 » 编程设计

javascript之如何在 JavaScript 中执行 Array deconstruct 然后同时检索解构对象的值

2026年05月17日61over140

请看这个最小的例子

const [one, two, three] = [ 
  { name: "Joseph" }, 
  { name: "Amy" }, 
  { name: "Jim" } 
]; 

我可以数组解构第一层,我怎么能像这样用第二层来做呢:

const [oneName: one.name, twoName: two.name, threeName: three.name] = [ 
  { name: "Joseph" }, 
  { name: "Amy" }, 
  { name: "Jim" } 
]; 

这是伪代码,语法错误,但你明白了。

是否可以在 JavaScript 中执行此操作?

请您参考如下方法:

这有点类似于声明一个对象数组,只是在其前面加上一个const。不是将值放在 : 的右侧,而是将新变量名放在此处以将字符串放入:

const [{name: oneName}, {name: twoName}, {name: threeName}] = [ 
  { name: "Joseph" }, 
  { name: "Amy" }, 
  { name: "Jim" } 
]; 
 
console.log(oneName); 
console.log(twoName); 
console.log(threeName);

虽然这是可能的,但它很奇怪而且 (IMO) 很难读。我不推荐它。