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

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

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

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

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

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

当前回答

晚不过，简单回答

let prop = 'name';
let value = 'sampath';
this.obj = {
   ...this.obj,
   [prop]: value
};

其他回答

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

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

为Angular扩展@jmvtrinidad解决方案，

当使用已经存在的类型化对象时，这是添加新属性的方法。

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

现在如果你想在html端使用otherProperty，这是你需要的:

<div *ngIf="$any(user).otherProperty">
   ...
   ...
</div>

Angular编译器将$any()视为转换为any类型，就像TypeScript中使用a <any>或任意类型转换一样。

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

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

既然你不能这样做:

obj.prop = 'value';

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

obj['prop'] = 'value';

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

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

最简单的是

const obj = <any>{};
obj.prop1 = "value";
obj.prop2 = "another value"

推荐文章