ts: for循环 Element implicitly has an ‘any‘ type because index expression is not of type ‘number‘.

最新推荐文章于 2024-03-14 15:00:00 发布

snowDreamzzz

最新推荐文章于 2024-03-14 15:00:00 发布

阅读量909

点赞数

分类专栏： pits 文章标签： javascript typescript 前端

本文链接：https://blog.csdn.net/qubes/article/details/130819933

版权

pits 专栏收录该内容

190 篇文章 3 订阅

订阅专栏

文章讲述了在TypeScript中遇到的编译错误，即在for循环中元素隐式具有any类型，因为索引表达式不是number类型。作者提供了两种解决方案：一是将columns强制转换为any类型数组，二是定义ColumnsElement接口明确元素类型。通过修改props.columns的类型定义，避免了类型不安全的问题。

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

ts: for循环 Element implicitly has an ‘any’ type because index expression is not of type ‘number’.

// beofre 
const props = defineProps({
  columns: {
    type: Array,
  }
})
function dataChange(data) {
  for (let item in props.columns) {
    // item报错：Element implicitly has an 'any' type because index expression is not of type 'number'.
    const key = props.columns[item].key;
    props.columns[item].visible = !data.includes(key);
  }
}

解决办法：

报错信息应该是由于 columns 元素类型不确定，因此遍历变量item类型也不能确定
找到 props.columns 的具体类型或者 any似乎也可以

// after 使用any类型
function dataChange(data:any[]) {
  let columns = props.columns as Array<any>
  for (let item in columns) {
    const key = (columns[item]).key;
    columns[item].visible = !data.includes(key);
  }
}

// after 使用 column 真实类型
interface ColumnsElement {
  key: number,
  value: string,
  visible: boolean
}
const props = defineProps({
  columns: {
    type: Array<ColumnsElement>,
  }
})
function dataChange(data:any[]) {
  let columns = props.columns as Array<ColumnsElement>
  for (let item in columns) {
    const key = (columns[item]).key;
    columns[item].visible = !data.includes(key);
  }
}