对Javascript对象使用带有别名的嵌套解构

Question

我有这个对象

const storeObj = {
    name: {
        firstName: 'abc'
    }
}

我可以通过将name分配给username来做别名

const { name: username } = storeObj

我可以像这样进行嵌套的破坏

const { name: { firstName } } = storeObj

我可以同时使用它们吗？别名重新命名和嵌套解构时，我想实现一行。

Answer 1

是的，只需将这两个变量放在一起-当您要分配一个与属性名称不同的变量名时，请将新变量名放在冒号后面。无论嵌套对象的级别如何，它都可以工作。

const storeObj = {
    name: {
        firstName: 'abc'
    }
}
const { name: { firstName: username } } = storeObj;
console.log(username);