Javascript 减少对象中的数组

Javascript 减少对象中的数组,javascript,alpine.js,Javascript,Alpine.js,假设我在对象的数组中指定了值。我想使用reduce()将它们相加。工作流的工作方式如下:x-data=“{package_type:[]、online_implant_meeting:[]、total(){return“在此处进行计算”}}}然后在x-text=“total()内” 我正在使用alpine.js绑定东西。如何在函数中进行计算 <div class="addingPrices" x-data="{package_type: [20], onli

假设我在对象的数组中指定了值。我想使用reduce()将它们相加。工作流的工作方式如下:x-data=“{package_type:[]、online_implant_meeting:[]、total(){return“在此处进行计算”}}}然后在x-text=“total()内”

我正在使用alpine.js绑定东西。如何在函数中进行计算

 <div class="addingPrices" x-data="{package_type: [20], online_implant_meeting: [250],  total(package_type, online_implant_meeting){ 
return package_type + online_implant_meeting;
     }} >
</div>

这里有一种方法可以通过(合并两个数组),然后将它们汇总为:



我以前没有使用过alpine.js。您可以通过这种方式访问函数中的
包类型
在线会议
(假设您要
控制台.日志
它们)?我可以在控制台总计(项目,项目)时访问它们。问题是我得到的值是相互附加的。20250````
。现在我得到的值是015089.00,假设值是89,150在
中,只需执行
x-text。number=“total(在线植入会议,包类型)”
(不带方括号)-这些变量已经引用了数组值,我在示例中添加了大括号,因为我是通过数字文字测试它的。返回相同的值015089.00只需添加
.map(Number)
来修复它。如下:
return[…online\u import\u meeting,…package\u type]。map(Number)。reduce((acc,curr)=>acc+curr,0)
我欠你的。非常感谢。我不熟悉声明式javascript。