这篇文章给大家分享的是TypeScript遍历对象属性报错怎么办，如何处理。小编觉得挺实用的，因此分享给大家做个参考，文中的介绍得很详细，而要易于理解和学习，有需要的朋友可以参考，接下来就跟随小编一起了解看看吧。

一、问题　

　比如下面的代码：

type Animal = {
    name: string;
    age: number
}

const animal:Animal={
    name:"dog",
    age:12
}

function test(obj:Animal) {
    for (let k in obj) {
        console.log(obj[k])。//这里出错
    }
}
test(animal)

报错：

二、解决办法

1. 把对象声明as any

function test(obj:Animal) {
    for (let k in obj) {
        console.log((obj as any)[k]) //不报错
    }
}

　　这个方法直接绕过了typescript的校验机制

2. 给对象声明一个接口

type Animal = {
    name: string;
    age: number;
    [key: string]: any
}

const animal:Animal={
    name:"dog",
    age:12
}

function test(obj:Animal) {
    for (let k in obj) {
        console.log(obj [k]) //不报错
    }
}
test(animal)

　　这个可以针对比较常见的对象类型，特别是一些工具方法。

3. 使用泛型

function test<T extends object>(obj:T) {
    for (let k in obj) {
        console.log(obj [k]) //不报错
    }
}

4. 使用keyof

function test(obj:Animal) {
    let k: (keyof Animal);
    for (k in obj) {
        console.log(obj [k]) //不报错
    }
}

“TypeScript遍历对象属性报错怎么办，如何处理”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业技术相关的知识可以关注群英网络网站，小编每天都会为大家更新不同的知识。

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

猜你喜欢

• axios怎样实现请求封装及使用?

  axios怎样实现请求封装及使用?通常，如果我们是做大型的项目，那么就需要使用到很多接口，而为了使用的方便，将接口封装起来很一个不错的方法，因此下面小编就能给大家分享axios的简单封装，需要的朋友可以参考。

• JS中的typeof运算符用法是什么，返回的类型有哪些

  这篇文章主要给大家介绍了关于js中typeof用法的相关资料,typeof运算符把类型信息当作字符串返回,包括有大家常有变量类型,本文通过示例代码介绍的非常详细,需要的朋友可以参考下

• 微信小程序中活动倒计时的效果怎样做？

  微信小程序中活动倒计时的效果怎样做？倒计时的功能应用场景有很多，例如答题倒计时，商城活动倒计时等等，这里我们主要来接微信小程序中活动倒计时功能的实现，有一定的参考价值，感兴趣的朋友就继续往下看吧。

• React状态管理有哪些规则，如何设计组件的状态

  React 组件内部的状态是在渲染过程之间保持不变的封装数据。useState() 是 React hook，负责管理功能组件内部的状态。

• Angular使用SASS样式的方法是什么样的？

  Angular项目中怎么使用 SASS 样式？下面本篇文章给大家介绍一下Angular 中 SASS 样式的使用方法，希望对大家有所帮助！