TypeScript - 如何使用数组映射到 ES 6 映射？

Question

假设我有一个键值对象数组：

const data = [
    {key: "object1", value: "data1"},
    {key: "object2", value: "data2"},
    {key: "object3", value: "data3"},
]

const mappedData = data.map(x => [x.key, x.value]);

const ES6Map = new Map<string, string>(mappedData.values())

如何将其转换为 ES 6 地图？它适用于 JavaScript，但 TypeScript 会抱怨。这里我得到了Argument of type 'IterableIterator<string[]>' is not assignable to parameter of type 'ReadonlyArray<[string, string]>'. Property 'length' is missing in type 'IterableIterator<string[]>'.的错误

Answer 1

您需要执行 type assertion 并告诉 typescript 您的 mappedData 是 Array<[string,string]> 类型，而不是 string[][]，它是 Array<[any,any]> 的子类型 Map 构造函数所需要的。

做

const mappedData = data.map(x => [x.key, x.value] as [string, string]);

而不是

const mappedData = data.map(x => [x.key, x.value]);

还有

如 cmets 中所指出的，放弃 values() 调用。