javascript-在Typescript中使用Object.keys时避免隐式“ any”类型

我有一个带有已键入键的对象,并且我想遍历它并保持其类型,避免“元素隐式具有“任何”类型,因为“ ContactList”没有索引签名”.

我知道在Typescript的GitHub页面上对此进行了详尽的讨论,但是我在这里找不到任何解决方案.尝试用枚举和联合,但我仍然收到错误.

枚举(playground)的示例

enum Names {
  Joe,
  Bill,
  Bob
}

type ContactList = {
  [key in Names]: {
    isFriend: boolean;
  }
}

const contactList: ContactList = {
  [Names.Joe]: {
    isFriend: true,
  },
  [Names.Bill]: {
    isFriend: false,
  },
  [Names.Bob]: {
    isFriend: true,
    },
};

Object.keys(contactList).forEach(name => {
    // turn on 'noImplicitAny' and get error
    console.log(contactList[name])
})

联合示例(playground)

type Names = 'joe' | 'bill' | 'bob'

type ContactList = {
  [K in Names]: {
    isFriend: boolean;
  }
}

const contactList: ContactList = {
  joe: {
    isFriend: true,
  },
  bill: {
    isFriend: false,
  },
  bob: {
    isFriend: true,
    },
};

Object.keys(contactList).forEach(name => {
    // turn on 'noImplicitAny' and get error
    console.log(contactList[name])
})

无论哪种方式,我都告诉打字稿“该对象中唯一允许使用的键来自名称”,据我了解的索引签名,[名称中的键]应该是一个,所以我不确定为什么会看到一个错误.抱歉,如果这是一个菜鸟问题,那么我对TS还是有点绿色.谢谢.

解决方法:

由于Object.keys返回的属性可能比按类型实际包含的对象更多,因此其返回类型为intentionally,键入为string [].否则,类型良好的代码会在运行时抛出意外异常,这很常见,如explained in this answer.

因此,您必须使索引类型适用于字符串:

type ContactList = {
  [key: string]: {
    isFriend: boolean;
  },
};

或者您打字并希望最好:

contactList[name as Names]

您也可以:

console.log(...Object.values(contactList));

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐