Niszczenie głębokich właściwości

Question

Niedawno zacząłem używać składni przypisań ES6 destructuring i zacząłem poznawać tę koncepcję. Zastanawiam się, czy można wyodrębnić zagnieżdżoną właściwość przy użyciu tej samej składni.

Na przykład, powiedzmy, że mam następujący kod:

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

wiem, że jestem w stanie uzyskać dostęp do wyciągu foo do zmiennej wykonując:

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

Jednak jest to możliwe wypakuj głęboko zagnieżdżoną właściwość, na przykład bar. Być może coś takiego:

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

Próbowałem znaleźć dokumentację w tej sprawie, ale bezskutecznie. Każda pomoc będzie bardzo ceniona. Dziękuję Ci!

Answer 1

Istnieje sposób postępowania z zagnieżdżonymi obiektami i tablicami przy użyciu tej składni. Biorąc pod uwagę problem opisany powyżej, rozwiązaniem byłoby następujące:

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

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

W tym przykładzie foo odnosi się do nazwy właściwości „foo”. Po dwukropku używamy bar, który odnosi się do właściwości "paska". Ostatecznie, name działa jako zmienna przechowująca wartość.

Jak na tablicy destructuring, byś obsługiwać go tak:

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

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

Wynika to samo pojęcie jako obiekt, po prostu jesteś w stanie korzystać z tablicy rozpad i przechowywać te wartości, jak również.

Mam nadzieję, że to pomoże!