如何使用 es 析构获取多层解析中的中间层对象
在 JavaScript 中,可以使用析构来从对象中提取值,但是当需要获取多层嵌套对象中的值时,传统的析构可能无法直接获取目标对象。
下面是一个示例,展示了直接析构无法获取中间层对象的场景:
const obj = { person: { } } const {person: {name = '', age} = {}} = obj; // 此处获取不到person对象 console.log(person, '-----------')
这个示例中,我们试图从 obj 对象中析构出 person 对象的 name 和 age 属性。然而,person 对象本身是一个空对象,所以无法直接析构。
立即学习“Java免费学习笔记(深入)”;
为了获取 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 对象,即使它是一个空对象。