vue报错：Uncaught (in promise) TypeError: _data.DianPulieBiaoBlock.forEach is not a function解决

最新推荐文章于 2022-02-23 22:01:40 发布

小金兰 52赫兹

最新推荐文章于 2022-02-23 22:01:40 发布

阅读量1.2k

点赞数 1

文章标签： vue.js javascript typescript

本文链接：https://blog.csdn.net/weixin_49290900/article/details/120316490

版权

博客内容涉及一个JavaScript编程错误，当尝试对`DianPulieBiaoBlock`对象使用`forEach`方法时，出现`TypeError`。问题在于`DianPulieBiaoBlock`不是一个数组，而是一个对象。解决方案是使用`Object.keys()`来迭代对象的属性，从而成功遍历并处理数据。修复后的代码能正确地将对象属性转化为所需格式并添加到结果数组中。

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

报错！！
1.一开始这么写的，然后报错~~~~~

**DianPulieBiaoBlock**.forEach((element: any)=>{
          let _item: any = {
            label: element.label,
            key: element.key,
            value: data[element.key]
          }
          _result.push(_item)
        })

Uncaught (in promise) TypeError: 
_data.DianPulieBiaoBlock.
forEach is not a function

解决方法！！

使用 Object.keys(DianPulieBiaoBlock) 包一下就OK啦~

Object.keys(DianPulieBiaoBlock).forEach((element: any)=>{
          let _item: any = {
            label: element.label,
            key: element.key,
            value: data[element.key]
          }
          _result.push(_item)
        })