如何从Javascript/Typescript中的数组对象计算运行总数，并使用HTML显示每个实例的输出？

我正在进行一个MEAN stack项目，有一个如下所示的数组：

savings: any = [300, 450, 350, 500]

我还有一个名为savings_bf的变量，它是从数据库中检索到的储蓄，值如下

savings_bf = 15000 

我想用typescript编写一些代码，以获得运行的总数，将节省的成本纳入计算，并用HTML显示输出

如前所述，这是针对使用Typescript 3.5.3的平均堆栈应用程序。输出在控制台上按预期工作，但问题是在前端复制输出

到目前为止，我掌握的代码是：

this.\u savings\u total=+this.savings.reduce（（结果，a）=>{
var储蓄金额=a.储蓄金额；
返回结果+节省金额；
}，这是节省的费用；

，并将输出显示为html格式

{{{{{u savings}

预期的HTML输出应为：

15300,15750,16100,16600,
but the actual output is the final value 16600

---

代码中的问题是，您在每次迭代中都覆盖了这个值，您应该简单地映射这些值，并使用一个变量来跟踪最后的附加值

let savings=[300450350500]
让储蓄=15000
设温度=节省值
让final=savings.map（v=>temp+=v）
console.log（final）

如果我想让我的输出以savings\u bf的初始值开始，如[1500015300157501610016600]@SteveGaita，在“html+=

${savings\u bf}

”之后进行加法，您可以怎么办？@SteveGaita请参见最后一段