ES6多层对象解构：如何同时获取中间层和内层对象？

一分耕耘，一分收获！既然都打开这篇《ES6多层对象解构：如何同时获取中间层和内层对象？》，就坚持看下去，学下去吧！本文主要会给大家讲到等等知识点，如果大家对本文有好的建议或者看到有不足之处，非常欢迎大家积极提出！在后续文章我会继续更新文章相关的内容，希望对大家都有所帮助！

ES6多层对象解构：如何同时获取中间层和内层对象？插图

es多层解析获取中间层对象

问题描述：

在使用es6语法进行多层解析时，遇到这样的场景：

const obj = {
    person: {

    }
}


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

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

希望能够同时获取到中间的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

今天关于《ES6多层对象解构：如何同时获取中间层和内层对象？》的内容介绍就到此结束，如果有什么疑问或者建议，可以在米云公众号下多多回复交流；文中若有不正之处，也希望回复留言以告知！

近期文章