'string | 类型的参数号码 | number[]' 不能分配给'number[]' 类型的参数？

Question

我正在尝试使用键作为字符串和值作为数字来存储打字稿对象 |号码 [] |字符串。

interface Person {
  [ key : string] : number | number[] | string
}

const person:Person = {
"name" : "Harsha",
"marks" : [ 89, 90 , 100 , 67],
"class" : 8
}

function hundredsCount(marks: number[]) {
  const count:number = marks.map((each:number) => each).length
}

hundredsCount(person[marks])

当我调用 hundredsCount 时会遇到错误：Argument of type 'string |号码 | number[]' 不能分配给“number[]”类型的参数。类型 'string' 不能分配给类型 'number[]'。

Answer 1

问题是您已将类型 Person 声明为非常宽的类型，它可以具有任何字符串键，具有三种不同类型的值。这意味着当您访问代表Person 的值的任何这些属性时，TS 无法区分它的类型和声明所说的 - number | number[] | string。

解决方案是有更严格的类型：

interface Person {
    name: string,
    marks: number[],
    'class': number,
}

之后person['marks'] 被推断为number[]。

---

如果类型不能这么具体，可以说有动态键，但是你知道有marks这样的键，那么我们可以有更宽的类型：

interface Person {
    [ key : string] : number | number[] | string
    marks: number[]
}

---

此外，如果您尝试访问person[k]，其中k 只是一个字符串值，则需要使用类型保护来正确指定类型：

function f(k: string) {
    if (k === 'marks') {
        hundredsCount(person[k]); // inside if person[k] is known as number[]
    }
    // outside person[k] is known as number | number[] | string

}