最近在前端项目中遇到在用字符串当对象的key时报错，报错信息如下：
“元素隐式具有 “any” 类型，因为类型为 “string” 的表达式不能用于索引类型”
在类型 XXX 上找不到具有类型为 “string” 的参数的索引签名。

搜索了一圈解决方案，没一个特别优雅的。

方案一，修改tsconfig

是修改tsconfig.json，加下面这行参数屏蔽检查，从而不报错。 

"suppressImplicitAnyIndexErrors":true,

方案二，写一个函数转类型
 

export function isValidKey(key: string | number | symbol , object: object): key is keyof typeof object {
  return key in object;
for (const key in obejct) {
	if(isValidKey(key,obejct)){
		// 处理...
		obejct[key]
		....

以上两种特别不优雅，非常不喜欢。在此我写一个比较优雅可靠的解决方法。
 

方案三：定义一个string作为key的类型
 

type stringKey = Record<string, boolean>
const accessDict: stringKey = {
    create: false,  // 创建
    receive: false,  // 接收
 for (const i of AccessList) {
      accessDict[i.authName] = true

写一个类型，表明key是字符串，value要看各位自己的需要定义。
 我的项目中value是boolean，所以写boolean。
 

后面再用字符串当key遍历对象，typescript就不会报错了！
 当然，如果仅仅为了解决报错，不用额外写一个类型，直接给变量注明类型即可：
 

const accessDict: Record<string, boolean> = {
    create: false,  // 创建
    receive: false,  // 接收
 for (const i of AccessList) {
      accessDict[i.authName] = true

遍历特定类型的对象
 

假定有一个对象类型如下:
 

type Count = {
    receive: number  // 待接收数
    update: number  // 待更正数
    conduct: number  // 待处理数
    finish: number  // 待销单数
    check: number  // 待审核数
    notice: number  // 待签到通知

现在有这样一个需求，统计该类型的对象中有几个属性的值大于0
 

const test: Count = {
    receive: 1,
    update: 2,
    conduct: 0,
    finish: 1,
    check: 3,
    notice: 0,

那么该怎么写代码比较优雅呢？逐个写if语句判断有点傻，直接for in循环会报错！
 typescript比较优雅的写法如下：
 

let cnt = 0
let key: keyof Count
for (key in test) {
     if (test[key] > 0) {
         cnt += 1
        # typescript
Logo
GitCode 开源社区

旨在为数千万中国开发者提供一个无缝且高效的云端环境，以支持学习、使用和贡献开源项目。

  • 浏览量 5.7w
  • 收藏 0
  • 0

所有评论(0)