关于使用js算总价的问题


Posted in Javascript onJune 23, 2017

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

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

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算总价的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JS替换字符串中字符即替换全部而不是第一个
Jun 04 Javascript
JavaScript通过字符串调用函数的实现方法
Mar 18 Javascript
js图片轮播特效代码分享
Sep 07 Javascript
[原创]JavaScript语法高亮插件highlight.js用法详解【附highlight.js本站下载】
Nov 01 Javascript
基于javaScript的this指向总结
Jul 22 Javascript
webpack实现热加载自动刷新的方法
Jul 30 Javascript
使用vue 国际化i18n 实现多实现语言切换功能
Oct 11 Javascript
详解KOA2如何手写中间件(装饰器模式)
Oct 11 Javascript
JavaScript时间与时间戳的转换操作实例分析
Dec 07 Javascript
关于Vue Router中路由守卫的应用及在全局导航守卫中检查元字段的方法
Dec 09 Javascript
详解微信小程序支付流程与梳理
Jul 16 Javascript
vue使用video.js进行视频播放功能
Jul 18 Javascript
angular select 默认值设置方法
Jun 23 #Javascript
获取当前按钮或者html的ID名称实例(推荐)
Jun 23 #Javascript
小发现之浅谈location.search与location.hash的问题
Jun 23 #Javascript
微信JS SDK接入的几点注意事项(必看篇)
Jun 23 #Javascript
简单谈谈require模块化jquery和angular的问题
Jun 23 #jQuery
详解vuejs之v-for列表渲染
Jun 22 #Javascript
vue.js实现条件渲染的实例代码
Jun 22 #Javascript
You might like
phpMyAdmin2.11.6安装配置方法
2008/08/24 PHP
ThinkPHP3.1新特性之G方法的使用
2014/06/19 PHP
php实现修改新闻时删除图片的方法
2015/05/12 PHP
THINKPHP在添加数据的时候获取主键id的值方法
2017/04/03 PHP
利用javascript查看html源文件
2006/11/08 Javascript
js 自定义的联动下拉框
2010/02/07 Javascript
禁止IE用右键的JS代码
2013/12/30 Javascript
JS动态增加删除UL节点LI及相关内容示例
2014/05/21 Javascript
JS和JQ的event对象区别分析
2014/11/24 Javascript
js实现简单锁屏功能实例
2015/05/27 Javascript
浅析Node.js的Stream模块中的Readable对象
2015/07/29 Javascript
探讨JavaScript中的Rest参数和参数默认值
2015/07/29 Javascript
jQuery中serializeArray()与serialize()的区别实例分析
2015/12/09 Javascript
使用ReactJS实现tab页切换、菜单栏切换、手风琴切换和进度条效果
2016/10/17 Javascript
require、backbone等重构手机图片查看器
2016/11/17 Javascript
基于JavaScript中标识符的命名规则介绍
2018/01/06 Javascript
JS获取url参数,JS发送json格式的POST请求方法
2018/03/29 Javascript
详解es6超好用的语法糖Decorator
2018/08/01 Javascript
Vue 实现展开折叠效果的示例代码
2018/08/27 Javascript
点击按钮弹出模态框的一系列操作代码实例
2019/03/29 Javascript
python求素数示例分享
2014/02/16 Python
Python获取网段内ping通IP的方法
2019/01/31 Python
Flask框架工厂函数用法实例分析
2019/05/25 Python
xadmin使用formfield_for_dbfield函数过滤下拉表单实例
2020/04/07 Python
Python 实现将某一列设置为str类型
2020/07/14 Python
Python基于Serializer实现字段验证及序列化
2020/11/04 Python
css3加js做一个简单的3D行星运转效果实例代码
2017/01/18 HTML / CSS
Nike西班牙官方网站:Nike.com (ES)
2017/10/30 全球购物
英国女鞋购物网站:Moda in Pelle
2019/02/18 全球购物
通信专业个人自我鉴定
2013/10/21 职场文书
个人总结与自我评价
2015/02/14 职场文书
企业员工辞职信范文
2015/05/12 职场文书
2015年大学宣传部工作总结
2015/05/26 职场文书
python实现的web监控系统
2021/04/27 Python
详解nginx location指令
2022/01/18 Servers
教你在 Java 中实现 Dijkstra 最短路算法的方法
2022/04/08 Java/Android