在对象与数组中解构未定义[重复]

Posted

技术标签:

【中文标题】在对象与数组中解构未定义[重复]【英文标题】:Destructuring undefined inside an object vs array [duplicate] 【发布时间】:2021-12-21 04:47:17 【问题描述】:

以下代码给出空对象

 2, ...undefined

但是为什么下面的代码会报错:Uncaught TypeError: undefined is not iterable

 2, [...undefined]

【问题讨论】:

确实如此。你有什么问题? 假设您在两个对象中都使用了键(或者您打算使用[] 而不是 作为最外层的括号),否则,您将得到“Uncaught SyntaxError: Unexpected number " 两个例子 @NickParsons 2, ...undefined 在 chrome 的控制台中工作。它很可能将 视为一个块并返回逗号运算符的结果。 @adiga 好点,这很可能是 OP 运行上述代码的方式 【参考方案1】:

如果数组确定不是数组,则不能解构它。 可以有一个空数组,因此给定的值将是未定义的。

您可以使用它来防止访问未定义或不可迭代的值:

const a = undefined
console.log(...(a ?? []))

【讨论】:

以上是关于在对象与数组中解构未定义[重复]的主要内容,如果未能解决你的问题,请参考以下文章

如何从数组中删除重复值?当数组内的对象属性未定义时,我的代码失败

当第一个属性为空或未定义时如何使用 ES6 对象解构默认为另一个属性

反应使用上下文。无法解构“对象(...)(...)”的属性“currentChatbotInEdit”,因为它未定义。我该如何解决?

无法在 Vue.js 中设置未定义的属性“产品”[重复]

TypeError:无法解构“未定义”或“空”的属性“记录器”

从 Vue CLI(Vue 3)迁移到 Vite:未捕获(承诺中)类型错误:无法解构“未定义”的属性“默认”,因为它未定义