Deprecated: imwpcache\f884414bce24ee67f\f73723ec7b1919fa5::__construct(): Implicitly marking parameter $YECBGYFECGEAFWHA as nullable is deprecated, the explicit nullable type must be used instead in /www/wwwroot/www.chuangxiangniao.com/wp-content/plugins/imwpcache-dist/build/f884414bce24ee67ff73723ec7b1919fa5.php on line 2

Deprecated: imwpcache\f884414bce24ee67f\f73723ec7b1919fa5::__construct(): Implicitly marking parameter $BBWFDDBHHYHDXXAB as nullable is deprecated, the explicit nullable type must be used instead in /www/wwwroot/www.chuangxiangniao.com/wp-content/plugins/imwpcache-dist/build/f884414bce24ee67ff73723ec7b1919fa5.php on line 2
JavaScript中如何用ES析构获取多层嵌套对象中的中间层对象?_创想鸟

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

javascript中如何用es析构获取多层嵌套对象中的中间层对象?

如何使用 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 对象,即使它是一个空对象。

以上就是JavaScript中如何用ES析构获取多层嵌套对象中的中间层对象?的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1498565.html

赞 (0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
Top Websites for High-Quality Illustrations for Your Website
上一篇 2025年12月19日 20:34:25
TypeScript项目中使用NodeJS fs模块会如何影响ESM打包?
下一篇 2025年12月19日 20:34:36

相关推荐

发表回复

登录后才能评论
关注微信