使用模型实现扩展地图

Question

我有一个休息调用 json 响应，如下所示：

"20412": [
  {
    "username": "foo",
    ...
  },
  ...
],
"20485": [
  ...

数组中的对象是User 模型。

我正在尝试为这个 json 创建一个接口，我可以在其中执行assetUsers.get("20412") 并让用户使用它。

我试过了：

export interface AssetUsers extends Map<string, User[]> {}

但是（当尝试使用类似于上面的 json 创建模拟 AssetUsers 对象时）这给了我一个“不可分配”错误，指出 AssetUsers 类型中不存在 20412。

Simplified example:

export interface User {
    username: string;
}
export interface AssetUsers extends Map<string, User[]> { }

const mockAssetUsers: AssetUsers = {
    "204311":[
        {
            "username":"foo",
        },
        {
            "username":"bar",
        },
    ],
    "204832":[
        {
            "username":"bob",
        },
        {
            "username":"baz",
        },
    ],
}

如何为这个 json 适当地创建模型接口？

Answer 1

get() 方法从 Map 对象返回指定元素，JSON 对象没有 get() 方法，您也不能将映射接口分配给 JSON 对象。

export interface User {
  username: string;
}
export interface AssetUsers extends Map<string, User[]> {}
const mockAssetUsers: AssetUsers = new Map();

mockAssetUsers.set("204311", [
  {
    username: "foo",
  },
  {
    username: "bar",
  },
]);

mockAssetUsers.set("204832", [
  {
    username: "bob",
  },
  {
    username: "baz",
  },
]);

console.log(mockAssetUsers.get("20411"));

P.S 也许这是相关的，但这样做不会让你使用 get() 方法。

const mockAssetUsers: {[key: string]: User[]}

Answer 2

不是接口，但你可以声明一个类型：

type AssetUsers = Map<string, User[]>;