当前位置:首页 > 日记 > 正文

关于使用js算总价的问题

关于使用js算总价的问题

昨天对接数据,发现有个商品总价需要计算,商品数量不定,商品价格不定,商品种类不定,有点蒙,想来想去想找到点简单的写法也没想到,最后提供一种简单的思路吧。

商品数量,商品价格先建立两个数组;

  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);

以上这篇关于使用js算总价的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

相关文章

jQuery 实现的依次加载功能

jQuery 实现的依次加载功能

加载,功能,电脑软件,jQuery,css代码:ul#portfolio{margin:0;padding:0;}ul#portfolio li{float: left;margin:0 5px 0 0;width:250px;height: 250px;list-style: none;}ul#portfolio li.loading{background: url(../images/spinner.gif) no-…

excel对数函数的使用教程详解

excel对数函数的使用教程详解

函数,使用教程,对数,使用方法,详解,  对数函数在excel中的运用比较广,具体该如何使用呢?不太会的小伙伴可以看看小编给大家整理的关于excel对数函数的使用教程,以供大家阅读和学习。excel对数函数的使用方法对数函数使用步骤1:比如我要在单…

PS临摹一个超写实的手表教程

PS临摹一个超写实的手表教程

教程,手表,超写实,电脑软件,PS,效果对比图:主要过程:12 3 4 5 阅读全文1 23 4 5 阅读全文1 2 34 5 阅读全文1 2 3 45 阅读全文教程结束,以上就是PS临摹一个超写实的手表教程的全部内容,希望大家喜欢!相关教程推荐:Photoshop为金属手表产品图…

ai怎么制作折叠贴纸? ai制作折角效

ai怎么制作折叠贴纸? ai制作折角效

教程,折叠,贴纸,效果,电脑软件,ai教程之创建折叠贴纸的教程。软件名称:Adobe Illustrator CS6 (AI cs6) 精简绿色中文版(32位+64位)软件大小:205MB更新时间:2014-05-111、M(矩形)->画一个矩形2、v(选择工具)->ctrl+c(复制->ctrl+f(贴在前面),按住shi…

APMServ中Apache启动失败的解决方

APMServ中Apache启动失败的解决方

解决方法,启动失败,电脑软件,APMServ,Apache,解决办法之一: Apache 启动失败解决办法~~~ 把左下角的SSL钩上了,如果你没有用证书,就把那个去掉,反正我去掉就可以了。后来装了证书钩上SSL也可以用了。 解决办法之二: 我遇到跟楼主同样问题,在新装…

socket.io学习教程之基础介绍(一)

socket.io学习教程之基础介绍(一)

教程,学习,基础,电脑软件,socket,前言Web端与服务器间的实时数据传输的是一个很重要的需求,但最早只能通过AJAX轮询询实现。在WebSocket标准没有推出之前,AJAX轮询是唯一可行的方式(通过Flash浏览器也可以,但这里不做讨论)。AJAX轮询原理是设…

Excel2007中找回未保存文档的处理

Excel2007中找回未保存文档的处理

文档,步骤,处理方法,电脑软件,strong,  如果恢复在误操作或断电、死机等特殊原因导致没有及时保存的excel表格数据信息情况下,今天,小编就教大家在Excel2007中找回未保存文档的处理方法。Excel2007中找回未保存文档的处理步骤打开一个excel…

在PS里制作一把可爱又漂亮的钥匙

在PS里制作一把可爱又漂亮的钥匙

钥匙,漂亮,可爱,电脑软件,PS,我们每天都会用到钥匙,那我们不防用PS做一把又漂亮又可爱的钥匙吧,下面为大家介绍具体操作步骤,一起来学习吧!步骤:1、新建一个文档,并新建图层一,用钢笔工具画出一个心形,并填充为蓝色。2、在图层一上制作一个小的心形…

[js高手之路]图解javascript的原型

[js高手之路]图解javascript的原型

原型链,对象,原型,之路,实例,我们通过原型方式,解决了多个实例的方法共享问题,接下来,我们就来搞清楚原型(prototype),原型链的来龙去脉。function CreateObj(uName) { this.userName = uName; } CreateObj.prototype.showUserName = funct…

Vue-resource拦截器判断token失效

Vue-resource拦截器判断token失效

失效,拦截器,跳转,实例,电脑软件,在拦截器中设置全局的token判断,意味着每次http请求都会校验token,与后台约定好的token过期返回码可以自定义跳转路径;var token = window.localStorage.getItem("token");Vue.http.interceptors.push(funct…

微信小程序 选项卡的简单实例

微信小程序 选项卡的简单实例

简单实例,选项卡,程序,电脑软件,微信小,微信小程序 选项卡的简单实例看下效果 代码:home.wxml<!--pages/home/home.wxml--><view class="swiper-tab"> <view class="swiper-tab-item {{currentTab==0 ? 'on' : ''}}" data-current…