JavaScript实现不定数量与价格的动态总价计算

作者:函数茶馆时间:2026-10-22 05:00:01浏览:239

本文介绍在商品数量、价格及种类均不确定的场景下,如何利用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计算不定量商品总价的完整实现方案,供读者参考。

作者最新文章