关于Uncaught(in promise)TypeError: list is not iterable报错解决
更新时间：2023年08月04日 09:33:02 作者：不悔0.0
这篇文章主要给大家介绍了关于Uncaught(in promise)TypeError: list is not iterable报错的解决方法,文中通过示例代码介绍的非常详细,对大家学习或者工作具有一定的参考借鉴价值,需要的朋友可以参考下
最近在项目中遇到 Uncaught (in promise) TypeError: list is not iterable 报错，虽然不影响代码运行，但是看着报错感觉有点难受，试试能不能解决它
看了很多篇文章，都是说使用 Object.keys() 可以解决问题
formatTree2(list) {
for (const item of Object.keys(list)) {
if (list[item].children && list[item].children.length === 0) {
delete list[item].children
} else {
this.formatTree2(list[item].children)
}
}
},就先使用 Object.keys() 看看，代码运行之后
因为 Object.keys() 传入的是 null 和 undefined 时就会出现这种问题，如何解决呢，试试加条件判断
formatTree2(list) {
if (list) {
for (const item of Object.keys(list)) {
if (list[item].children && list[item].children.length === 0) {
delete list[item].children
} else {
this.formatTree2(list[item].children)
}
}
}
},添加条件判断之后，确实能够解决，代码正常运行，也不报错了，很好
仔细琢磨一下，感觉加条件判断的话是不是可以不使用 Object.keys() 呢，值得一试
formatTree2(list) {
if (list) {
for (const item of list) {
if (item.children && item.children.length === 0) {
delete item.children
} else {
this.formatTree2(item.children)
}
}
}
},代码运行之后，功能正常也不报错，确实是可以的
总结一下：
使不使用 Object.keys() 其实都可以，主要的关键点在于添加条件使得 list 在不为null或undefined时执行代码，如果为了保险起见可以添加 Object.kes() ，看项目需求吧
到此这篇关于Uncaught(in promise)TypeError: list is not iterable报错解决的文章就介绍到这了,更多相关Uncaught(in promise)TypeError内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
这篇文章主要介绍了vue 微信分享回调iOS和安卓回调出现错误的解决，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-09-09
vue3+ts+EsLint+Prettier规范代码的方法实现
本文主要介绍在Vue3中使用TypeScript做开发时，如何安装与配置EsLint和Prettier，以提高编码规范。感兴趣的可以了解一下2021-10-10
这篇文章主要为大家详细介绍了vue实现登陆功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-03-03
本篇文章主要介绍了vue项目使用sass的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-06-06
本篇文章主要介绍了详解Vue快速零配置的打包工具——parcel，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-01-01
关于@click.native中 .native 的含义与使用方式
这篇文章主要介绍了关于@click.native中 .native 的含义与使用方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-10-10
这篇文章主要为大家详细介绍了Vue分页插件的前后端配置与使用，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-10-10
这篇文章主要给大家介绍了关于VUE中watch的详细使用教程,watch是vue实例的一个属性,主要用来监听数据的变化,并做出一些操作,需要的朋友可以参考下2023-08-08
这篇文章主要为大家详细介绍了vue+element ui实现锚点定位，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-06-06
前端前后端接⼝处理时经常会遇到需要转换不同时间格式的情况,下面这篇文章主要给大家介绍了关于vue各种时间类型转换的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下2024-06-06
最新评论