打字稿 - 使用键变量更改字典的值

Question

我有一个对象：

const sampleExpenseData = {
  Time: "11-12-19",
  Meals: 5130,
  Pantry: 10,
  Living: 10,
  Others: 0,
  Total: 74
}

我想定义一个函数，它会更新特定键的值，到目前为止我有：

const updateValueInDict = (
  obj: typeof sampleExpenseData,
  key: keyof typeof sampleExpenseData,
  upDatedValue: string | number
): void => {
  obj[key] = upDatedValue  // this line throws error
}

错误提示：

键入'字符串 | number' 不能分配给类型 'never'。

类型 'string' 不可分配给类型 'never'.ts(2322)

TIA！！！

Answer 1

这里的问题是，如果您将值分配给任意键，那么该值必须具有可分配给您可能分配给它的每个键的类型。这意味着值的类型必须是 string & number 才能分配给 string 和 number 属性类型。交叉口string & number 是never。

解决方案是使用泛型类型，使upDatedValue 被限制为根据key 的类型具有正确的类型：

const updateValueInDict = <K extends keyof typeof sampleExpenseData>(
  obj: typeof sampleExpenseData,
  key: K,
  upDatedValue: (typeof sampleExpenseData)[K]
): void => {
  obj[key] = upDatedValue
}

这也意味着在调用函数时可以对参数进行更严格的类型检查。

Playground Link