如何在TypeScript中动态地为对象分配属性?

如果我想在Javascript中以编程方式将一个属性分配给一个对象，我会这样做:

var obj = {};
obj.prop = "value";

但在TypeScript中，这会产生一个错误:

属性“prop”在类型为“{}”的值上不存在

我应该如何在TypeScript中分配任何新属性给对象?

当前回答

既然你不能这样做:

obj.prop = 'value';

如果你的TS编译器和linter没有严格要求你，你可以这样写:

obj['prop'] = 'value';

如果你的TS编译器或linter是严格的，另一个答案将是类型转换:

var obj = {};
obj = obj as unknown as { prop: string };
obj.prop = "value";

其他回答

尽管编译器抱怨它仍然应该按照你的要求输出它。然而，这是可行的。

const s = {};
s['prop'] = true;

若要保留先前的类型，请将对象临时转换为any

  var obj = {}
  (<any>obj).prop = 5;

新的动态属性只有在使用强制转换时才可用:

  var a = obj.prop; ==> Will generate a compiler error
  var b = (<any>obj).prop; ==> Will assign 5 to b with no error;

试试这个:

export interface QueryParams {
    page?: number,
    limit?: number,
    name?: string,
    sort?: string,
    direction?: string
}

然后使用它

const query = {
    name: 'abc'
}
query.page = 1

您可以添加此声明来屏蔽警告。

declare var obj: any;

当对象具有特定类型时，此解决方案非常有用。比如从其他源获取对象时。

let user: User = new User();
(user as any).otherProperty = 'hello';
//user did not lose its type here.

推荐文章