对象分配的嵌套解构 [英] Nested Destructuring on Object Assignments
本文介绍了对象分配的嵌套解构的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
使用ES6进行销毁,他们有什么办法在分配时销毁嵌套对象?
With ES6 destructuring, is their any way to destructure nested objects on assignment?
下面是一个快速的代码示例,用以说明我的意思:
Here is a quick code example to show what I mean:
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
推荐答案
您可以对嵌套级别重复与破坏顶级相同的语法:
You can just repeat the same syntax for nested levels as with destructuring the top level:
根据您的评论进行编辑
我需要数组中的对象
I need the object within the array
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);
预提取嵌套数组中对象的ID.
Pre-edit: Extracting the id of the object within the nested array.
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);
这篇关于对象分配的嵌套解构的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文