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

Question

请看这个最小的例子

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 中执行此操作？

Answer 1

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

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

console.log(oneName);
console.log(twoName);
console.log(threeName);

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