js中使用（...）时，报Uncaught TypeError: Found non-callable @@iterator

最新推荐文章于 2022-04-17 15:06:04 发布

guoyp2126

最新推荐文章于 2022-04-17 15:06:04 发布

阅读量8.3k

点赞数 4

分类专栏：前端开发技术文章标签： javascript

本文链接：https://blog.csdn.net/guoyp2126/article/details/120840585

版权

29 篇文章 4 订阅

订阅专栏

本文探讨了在使用扩展运算符`...`时遇到的`UncaughtTypeError: Found non-callable @@iterator`错误，重点介绍了如何将对象转换为可迭代形式，如将对象数组化或使用对象展开运算符正确输出其属性。

摘要由CSDN通过智能技术生成

使用…扩展运算符时，代码为：

const data={name:'张三',age:18,sex:'男'}
console.log(...data)

运行报Uncaught TypeError: Found non-callable @@iterator错误，意思为data不是可迭代对象，所谓的JS中的可迭代对象包括常用的集合对象（数组、Set、Map集合）和字符串都是可迭代对象。上述代码修改为：

const data=[{name:'张三',age:18,sex:'男'}]
console.log(...data) //输出：{name: "张三", age: 18, sex: "男"}

或者修改为

const data={name:'张三',age:18,sex:'男'}
console.log({...data}) //输出：{name: "张三", age: 18, sex: "男"}

关注

专栏目录