JavaScript中如何用ES析构获取多层嵌套对象中的中间层对象？

一分耕耘，一分收获！既然打开了这篇文章《JavaScript中如何用ES析构获取多层嵌套对象中的中间层对象？》，就坚持看下去吧！文中内容包含等等知识点...希望你能在阅读本文后，能真真实实学到知识或者帮你解决心中的疑惑，也欢迎大佬或者新人朋友们多留言评论，多给建议！谢谢！

如何使用 es 析构获取多层解析中的中间层对象

在 javascript 中，可以使用析构来从对象中提取值，但是当需要获取多层嵌套对象中的值时，传统的析构可能无法直接获取目标对象。

下面是一个示例，展示了直接析构无法获取中间层对象的场景：

const obj = {
    person: {

    }
}


const {person: {name = '', age} = {}} = obj;

// 此处获取不到person对象
console.log(person, '-----------')

这个示例中，我们试图从 obj 对象中析构出 person 对象的 name 和 age 属性。然而，person 对象本身是一个空对象，所以无法直接析构。

为了获取 person 对象，我们需要使用嵌套析构。一种方法是将两层析构放在同一行：

const { person, person: { name, age } } = obj;
console.log(person, name, age) 
// {name: '44', age: 18} '44' 18

另一种方法是使用默认值：

const {person = {}, person: {name = '', age} = {}} = obj;
console.log(person, name, age)
// {} '' undefined

如果 person 对象为空，则它将被赋值为 {} 空对象，否则它将保持其原始值。这种方法可以确保在任何情况下都能获取到 person 对象，即使它是一个空对象。

终于介绍完啦！小伙伴们，这篇关于《JavaScript中如何用ES析构获取多层嵌套对象中的中间层对象？》的介绍应该让你收获多多了吧！欢迎大家收藏或分享给更多需要学习的朋友吧~golang学习网公众号也会发布文章相关知识，快来关注吧！