元素隐式具有“any”类型，因为索引表达式不是“number”类型ts(7015)

如何解决元素隐式具有“any”类型，因为索引表达式不是“number”类型ts(7015)

打字稿新手在这里。我在 reduce 数组方法中的“日期”下收到上述错误。我知道我需要将日期声明为数字而不是字符串，但不确定如何/在哪里？

提前致谢！

const dates = log?.reduce((dates,order) => {
const date = dateFormat(order.updated_at);
if (!dates[date]) {
  dates[date] = [];
}
dates[date].push(order);
return dates },[])

解决方法

根据您的代码，order 似乎是某个对象，其属性 updated_at 似乎是一个数字。在循环中，您将此数字格式化为字符串，并使用它为对象 dates 建立索引，以便您最终得到日期到该日期订单的映射。

在 Typescript 中，地图/字典正式称为 Record，通常写为 Record<TypeOfKey,TypeOfValue> 以表示 TypeOfKey 到 TypeOfValue 的地图。在较旧的代码中，您可能会遇到旧的（但仍然有效）定义类似于 { [key: TypeOfKey]: TypeOfValue } 的记录的方法。最基本的 Record 是一个 Record<string,any>，只要属性是字符串，您就可以将任何数据放入该对象。

假设您的 order 对象的类型是一个名为 Order 的接口，类似于：

interface Order {
  updated_at: number;
  /* ... other props ... */
}

您需要 dates 才能成为 Record<string,Order[]>（一个带有 string 键的映射，其中包含一个 Order 对象数组）。要将这种类型应用于 dates，您可以将它分配给 reduce() 的第二个参数，如下所示：

const dates = log?.reduce((dates,order) => {
  const date = dateFormat(order.updated_at);
  if (!dates[date]) {
    dates[date] = [];
  }
  dates[date].push(order);
  return dates;
},{} as Record<string,Order[]>); // <-- gives "dates" this type

,

因为它不能推断 date 类型，所以它假定它是任何类型。

您还尝试通过索引 date 访问数组，因此它期望是数字类型，以便可以通过索引访问。

您可以告诉它日期是一个整数，但由于这可能不是您的用例，您可以告诉它您的日期是一个字典

因为我不知道你的确切用例，所以你可以告诉一个变量是一个从字符串到数字的字典

dates: { [key: string]: number }