主页 / 问题 / 1447190
Accepted
Александр Рогонов
Asked:2022-09-09 23:49:03 +0800 CST2022-09-09 23:49:03 +0800 CST

键入数组值

  • 772

你好同事。

有这种类型

type SuperPuperType = {
  v1: number
  v2: string
}

还有一个由两个字段组成的对象数组：

  1. 名称（可以是“v1”或“v2”）
  2. 您想要数字或字符串的值，具体取决于值名称具有的值。

这个数组的泛型存在问题。请告诉我。谢谢！

UPD 显然，没有完全解释清楚。

这就是它应该去的方式

const SuperArray: SuperPuperGeneric<SuperPuperType>[] = [{
  name: 'v1'
  value: 1
},{
  name: 'v2'
  value: 'fooBoo'
}]

但是没有这样的选择

const SuperArray: SuperPuperGeneric<SuperPuperType>[] = [{
  name: 'v1'
  value: 1
},{
  name: 'v2'
  value: 2
}]

const SuperArray2: SuperPuperGeneric<SuperPuperType>[] = [{
  name: 'v3'
  value: 1
},{
  name: 'v2'
  value: 'fooBoo'
}]
typescript

0 个回答

  1. Best Answer

    类似 EzioMercer 的变体，但类型是自动创建的：

    // Задаём мапинг { [значение name]: тип value }
type MyMapping = {
  v1: number
  v2: string
};

// Создаём юнион объектов из мапинга
type MyObject<Mapping> = keyof Mapping extends infer Key
  ? Key extends keyof Mapping
    ? {
      name: Key,
      value: Mapping[Key]
    }
    : never
  : never;

//OK
const test1: MyObject<MyMapping>[] = [{
  name: 'v1',
  value: 1
},{
  name: 'v2',
  value: 'fooBoo'
}];

//Error 1
const test2: MyObject<MyMapping>[] = [{
  name: 'v1',
  value: 1
},{
  name: 'v2',
  value: 2
}];

//Error 2
const test3: MyObject<MyMapping>[] = [{
  name: 'v3',
  value: 1
},{
  name: 'v2',
  value: 'fooBoo'
}];

    这个怎么运作？

    1. 首先，我们取该类型的所有键的并集MyMapping并选择它作为参数Key，我们需要它以便我们可以进一步转换该类型。
    2. 我们遍历并集的所有元素并将它们转换为对象。这里我们使用条件类型的属性来分布在联合上，也就是说，它将T<A | B>被评估为T<A> | T<B>。您可以在文档中阅读有关此内容的更多信息。在内部extends，类型Key对应于并集的每个单独元素。
    • 2

  2. 作为一种选择：

    type SuperPuperType = {
  v1: number
  v2: string
}

type OneOfArray<T extends keyof SuperPuperType> = {
    name: SuperPuperType[T]
    value: SuperPuperType[T]
}

// массив из объектов OneOfArray, параметр которого принимает один из полей SuperPuperType'а
const a: OneOfArray<"v1">[] = [{
    name: 2,
    value: 2 // если сюда вставить строку, то будет ошибка
}]

    • 1

  3. 有可能是这样的：

    type SuperPuperType = {
    name: 'v1',
    value: number
} | {
    name: 'v2',
    value: string
};

//OK
const SuperArray: SuperPuperType[] = [{
  name: 'v1',
  value: 1
},{
  name: 'v2',
  value: 'fooBoo'
}]

//Error 1
const SuperArray1: SuperPuperType[] = [{
  name: 'v1',
  value: 1
},{
  name: 'v2',
  value: 2
}]

//Error 2
const SuperArray2: SuperPuperType[] = [{
  name: 'v3',
  value: 1
},{
  name: 'v2',
  value: 'fooBoo'
}]

    错误：

    1. 键入'{名称：“v2”；值：数字；}' 不可分配给类型 'SuperPuperType'。

      属性“值”的类型不兼容。

      类型“数字”不可分配给类型“字符串”。

    2. 类型 '"v3"' 不能分配给类型 '"v1" | “v2”。

    • 1

相关问题