Вложенное деструктурирование по объектным назначениям

Question

С разрушением ES6, является ли какой-либо способ разрушить вложенные объекты при присваивании?

Вот краткий пример кода, чтобы показать, что я имею в виду:

let node = { 
    ItemTitle: 'Title', 
    ItemId: 5, 
    Menu: {Item: [{ItemId: 579}] 
} 

// my attempts 
    let { 
     ItemId: id, 
     ItemTitle: title, 
     Menu['Item']: subItems 
    } = node 

    let { 
     ItemId: id, 
     ItemTitle: title, 
     Menu.Item: subItems 
    } = node 

Answer 1

Вы можете просто повторить тот же синтаксис для вложенных уровней, с уничтожением того верхнего уровня:

EDIT на основе ваших комментариев

мне нужен объект в массиве

let node = { 
 
    ItemTitle: 'Title', 
 
    ItemId: 5, 
 
    Menu: {Item: [{ItemId: 579}]} 
 
} 
 

 
let { 
 
    ItemId: id,  // extract `node.ItemId` into a variable called `id` 
 
    ItemTitle: title, // extract `node.ItemTitle` into a variable called `title` 
 
    Menu: { 
 
    Item: [obj]  // extract `node.Menu.Item[0]` into a variable called obj 
 
    } 
 
} = node; 
 

 
console.log('id =', id); 
 
console.log('title =', title); 
 
console.log('obj =', obj);

Предварительное редактирование: Извлечение идентификатора объекта в пределах вложенного массива.

let node = { 
 
    ItemTitle: 'Title', 
 
    ItemId: 5, 
 
    Menu: {Item: [{ItemId: 579}]} 
 
} 
 

 
let { 
 
    ItemId: id,   // extract `node.ItemId` into a variable called `id` 
 
    ItemTitle: title,  // extract `node.ItemTitle` into a variable called `title` 
 
    Menu: { 
 
    Item: [{ 
 
     ItemId: subItemId // extract `node.Menu.Item[0].ItemId` into a variable called `subItemId` 
 
    }] 
 
    } 
 
} = node; 
 

 
console.log('id =', id); 
 
console.log('title =', title); 
 
console.log('subItemId =', subItemId);

Answer 2

Да, вы можете сделать вложенную деструктурирующие с ES6. MDN gives you a nice example.

let node = { 
 
    ItemTitle: 'Title', 
 
    ItemId: 5, 
 
    Menu: { 
 
    Item: [{ 
 
     ItemId: 579 
 
    }] 
 
    } 
 
} 
 

 
let { Menu: { Item: [{ ItemId }] } } = node 
 

 
console.log(ItemId) // 579