javascript - 解构深层属性

Question

我最近开始使用 ES6 的 destructuring赋值语法并开始熟悉这个概念。我想知道是否可以使用相同的语法提取嵌套属性。

例如，假设我有以下代码:

let cagingIt = {
  foo: {
    bar: 'Nick Cage'
  }
};

我知道我可以通过以下方式将 foo 提取到变量中:

// where foo = { bar: "Nick Cage" }
let { foo } = cagingIt;

但是，是否可以提取深度嵌套的属性，如 bar。也许是这样的:

// where bar = "Nick Cage"
let { foo[bar] } = cagingIt;

我曾尝试查找有关此事的文档，但无济于事。任何帮助将不胜感激。谢谢!

Answer 1

有一种方法可以使用这种语法来处理嵌套对象和数组。鉴于上述问题，解决方案如下:

let cagingIt = {
      foo: {
        bar: 'Nick Cage'
      }
    };
let { foo: {bar: name} } = cagingIt;

console.log(name); // "Nick Cage"

在此示例中，foo 指的是属性名称“foo”。在冒号之后，我们使用 bar 来引用属性“bar”。最后，name 充当存储值的变量。

至于数组解构，你可以这样处理:

let cagingIt = {
      foo: {
        bar: 'Nick Cage',
        counts: [1, 2, 3]
      }
    };

let { foo: {counts: [ ct1, ct2, ct3 ]} } = cagingIt;
console.log(ct2); // prints 2

它遵循与对象相同的概念，只是您可以使用数组解构并存储这些值。

希望这对您有所帮助!