如何内联快速初始化打字稿数据结构

Question

我正在寻找一种快捷方式来创建一个快速的数据结构，我可以通过按键访问数据。
我想我可以为此使用自定义字典。

所以我有这个界面：

interface Dictionary<T> {
  [Key: string]: T;
}

我想初始化是这样的：

data: Dictionary<string> = {
    ['key']: { a: 1, b: 2 }
  } 

但是我遇到了错误Type '{}' is not assignable to type 'string'

有什么想法吗？

Answer 1

{ a: 1, b: 2} 不是string，但您正试图将其用作具有索引签名[Key: string]: string 的对象中的属性值（因为T 是string）。

如果您希望值是具有属性a 和b 的对象，则需要为此使用适当的类型，而不是string。例如：

interface Dictionary<T> {
  [Key: string]: T;
}

const data: Dictionary<{ a: number, b: number }> = {
    key: { a: 1, b: 2}
};

或者更好的是，为它定义一个类型，并使用该类型：

interface Dictionary<T> {
  [Key: string]: T;
}

type Example = { a: number, b: number };
const data: Dictionary<Example> = {
    key: { a: 1, b: 2}
};

Live example on the playground

---

旁注 1：无需将计算属性语法与字符串文字 (['key']) 一起使用。只需使用字符串文字或属性名称文字即可。

旁注2：

我正在寻找一种快捷方式来创建一个快速的数据结构，我可以通过按键访问数据。

Map 对此有好处。或者，如果您事先知道键的值、定义的对象类型或Record<K, T>。