typescript 使用for in 迭代报错

最新推荐文章于 2024-07-23 10:02:37 发布

weixin_46787337

最新推荐文章于 2024-07-23 10:02:37 发布

阅读量331

点赞数

文章标签： typescript vue.js 前端

本文链接：https://blog.csdn.net/weixin_46787337/article/details/128554508

版权

在TypeScript中，使用for...in遍历对象会遇到类型错误。文章提供了一个解决方案，即先将对象的键转换为数组，然后利用Array.prototype.forEach进行遍历。通过定义接口interfaceObj并创建符合接口的对象，展示了如何正确地遍历对象属性而不引发类型错误。

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

简介

使用for in obj遍历对象时ts会报错

解决方案

interface Obj{
   xxx:string
   yyy:string
}
const obj:Obj ={"xxx":"xxx","yyy":"yyy"}

//这种写法会报错
for (i in obj){
  console.log(obj[i])
}

//正确写法
const arr=Object.keys(obj)

arr.forEach((item)=>{
  console.log(obj[item as one of Obj])
})