有没有告诉 typescript 所有数组元素都存在于 Map 中的好方法？

Question

假设我正在从以 id 作为键的对象数组创建 Map，然后从具有相同 id 的不同数组访问 map：

const arr1 = [
  {id: 'a', firstName: 'Jeff'},
  {id: 'b', firstName: 'John'},
  {id: 'c', firstName: 'Jeremy'}
];

const map1 = new Map(arr1.map(element => [element.id, element]));

const arr2 = [
  {id: 'b', lastName: 'Johnson'},
  {id: 'c', lastName: 'Jackson'},
  {id: 'd', lastName: 'Jenkins'}
];

const arr2InMap1 = arr2.filter(element => map1.has(element.id));
arr2InMap1.forEach(element => console.log(`${map1.get(element.id).firstName} ${element.lastName}`));

如果我有“strictNullChecks”：true，那么最后一行会抛出一个“对象可能是'未定义'”错误，即使它永远不会是未定义的。 有没有办法告诉 typescript 数组中的元素存在于 map 中？

我知道我可以使用“，”运算符。 或创建只返回 T 而不是 T | 的 function | 未定义替换 Map，明白吗？ 但是有没有更好的方法来实现这一点？

Answer 1

不，这是Map.get的签名。 如果这很麻烦，简单的 object 可能更适合您的情况：

TS游乐场

const obj1 = arr1.reduce(
  (obj, value) => (obj[value.id] = value) && obj,
  {} as Record<string, typeof arr1[number]>,
);

const arr2InMap1 = arr2.filter(element => element.id in obj1);
arr2InMap1.forEach(element => console.log(`${obj1[element.id].firstName} ${element.lastName}`));