以结构化方式将项目推送到打字稿中的数组

时间:2018-06-01 03:00:46

标签: typescript2.0

我在这里有这些项目,我想以设定的格式推送到数组。 我已经用这种方式声明了我的数组

finalCount = [];

现在我希望这个数组有这种格式的项目: 动物:伯爵 例如: 狗:3 猫:4 牛:1

通过提供索引号也可以访问数组中的每个项目。例如,finalCount [0]应该选择狗。 我试图以这种方式推送商品

this.finalCount.push(this.animal, this.count);

但这里的每个项目都没有结合在一起。 我怎么做到的。

1 个答案:

答案 0 :(得分:1)

要推送最终计数数组中的项目,您可以利用最初在ES2015中引入的synthax,computed properties

现在,如果要为finalCount数组中的对象定义TypeScript类型。您应该创建以下界面:

interface FinalCountItem {
    [animal: string]: number;
}

finalCount: FinalCountItem[] = [];

this.finalCount.push({[this.animal]: this.count});