Question

这有一个错误：

interface TypeA {
  prop1: string
}
interface TypeB extends TypeA {
  prop2: string
}
const ArrA: TypeA[] = [{ prop1: "foo" }]
const ArrB: TypeB[] = ArrA.map(a => {
  a.prop2 = "bar"
  return a
})

这会出错：[ts] Property 'prop2' does not exist on type 'TypeA'.

我希望在我的界面定义（like in this Stackoverflow question from 5 years ago）中不使用any的情况下执行此操作。我在Stackoverflow上找不到任何其他解决方案，所以我在这里提出这个问题。

Answer 1

这个怎么样：

const ArrB: TypeB[] = ArrA.map(a => {
  return {
    ...a,
    prop2: "bar"
  }
})

Answer 2

我需要使用as关键字进行投射，并在prop2上添加TypeA作为可选参数：

interface TypeA {
  prop1: string;
  prop2?: string;
}
interface TypeB extends TypeA {
  prop2: string;
}
const ArrA: TypeA[] = [{ prop1: "foo" }];
const ArrB: TypeB[] = ArrA.map(a => {
  a.prop2 = "bar";
  return a as TypeB;
});

这是我能找到的最好的解决方案，会欣赏更多惯用的解决方案，1）不涉及修改TypeA，2）不涉及使用any。谢谢。

在Typescript中映射时，动态地将属性分配给类型化对象的数组

2 个答案: