本文介绍在商品数量、价格及种类均不确定的场景下,如何利用JavaScript数组与双重循环计算单个商品总价并累加得出最终结果。通过初始化数量与价格数组,遍历相乘存入新数组,最后求和并保留两位小数,同时提供清空数组以支持多次计算的方案。
JavaScript实现不定数量与价格的动态总价计算
在数据对接过程中,遇到需要计算商品总价的需求。由于商品数量、单价以及种类均不固定,实现起来具有一定挑战性。经过思考,这里提供一种较为简洁的处理思路。
首先,分别创建两个数组,用于存储商品的数量和对应的价格。
初始化数量与价格数组
let pro_num=[];
let pro_price=[];
接着,新建一个数组,用于存放每个单独商品的总价计算结果。
创建总价存储数组
let pro_total_price=[];
随后,将获取到的所有商品数量和价格分别存入对应的数组中,并对这两个数组进行循环遍历处理。
双重循环计算与累加逻辑
for(let i=0;i<pro_num.length;i++){
for(let k=0;k<pro_price.length;k++){
if(i==k){
let alone_Total_price =parseFloat(pro_num[i])*parseFloat(pro_price[k]); //计算单个商品的总价
pro_total_price.push(alone_Total_price); //获得所有的单个商品的总价
}
}
let sum=0;//初始化总价
for(let i=0;i<pro_total_price.length;i++){
sum+=pro_total_price[i] //单个总价相加
}
let total_price=sum.toFixed(2) //保留两位小数
若涉及数值变动或需要多次执行总价计算,应先清空存放单个商品总价的数组,以确保数据准确性。
数组清空与多次计算支持
pro_total_price.splice(pro_total_price.length,0);
以上即为利用JavaScript计算不定量商品总价的完整实现方案,供读者参考。