关于使用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 相关文章推荐
JQuery 简便实现页面元素数据验证功能
Mar 24 Javascript
Firefox getBoxObjectFor getBoundingClientRect联系
Oct 26 Javascript
ajax异步刷新实现更新数据库
Dec 03 Javascript
JS弹出可拖拽可关闭的div层完整实例
Feb 13 Javascript
javascript实现简单加载随机色方块
Dec 25 Javascript
jQuery操作属性和样式详解
Apr 13 Javascript
浅谈在fetch方法中添加header后遇到的预检请求问题
Aug 31 Javascript
关于jquery中attr()和prop()方法的区别
May 28 jQuery
详解ESLint在Vue中的使用小结
Oct 15 Javascript
vue-cli3 DllPlugin 提取公用库的方法
Apr 24 Javascript
vue组件化中slot的基本使用方法
May 01 Javascript
扫微信小程序码实现网站登陆实现解析
Aug 20 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
PHP的preg_match匹配字符串长度问题解决方法
2014/05/03 PHP
php5.4以下版本json不支持不转义内容中文的解决方法
2015/01/13 PHP
判断、添加和删除WordPress置顶文章的相关PHP函数小结
2015/12/10 PHP
CodeIgniter视图使用注意事项
2016/01/20 PHP
记录一次排查PHP脚本执行卡住的问题
2016/12/27 PHP
PHP+MySql实现一个简单的留言板
2020/07/19 PHP
js css样式操作代码(批量操作)
2009/10/09 Javascript
了解jQuery技巧来提高你的代码
2010/01/08 Javascript
js 动态为textbox添加下拉框数据源的方法
2014/04/24 Javascript
JS生成不重复随机数组的函数代码
2014/06/10 Javascript
JS实现文件动态顺序载入的方法
2015/03/07 Javascript
jQuery基于ajax实现星星评论代码
2015/08/07 Javascript
js去字符串前后空格的实现方法
2016/02/26 Javascript
Angularjs 滚动加载更多数据
2016/03/17 Javascript
Vue.js每天必学之方法与事件处理器
2016/09/06 Javascript
wap手机端解决返回上一页的js实例
2016/12/08 Javascript
全面解析vue中的数据双向绑定
2017/05/10 Javascript
jQuery Validate表单验证插件实现代码
2017/06/08 jQuery
微信小程序 image组件遇到的问题
2019/05/28 Javascript
小程序实现列表展开收起效果
2020/07/29 Javascript
用python实现批量重命名文件的代码
2012/05/25 Python
Python处理文本文件中控制字符的方法
2017/02/07 Python
Python多继承原理与用法示例
2018/08/23 Python
Django中使用CORS实现跨域请求过程解析
2019/08/05 Python
python opencv 图像边框(填充)添加及图像混合的实现方法(末尾实现类似幻灯片渐变的效果)
2020/03/09 Python
Jupyter Notebook远程登录及密码设置操作
2020/04/10 Python
python入门:argparse浅析 nargs='+'作用
2020/07/12 Python
利用Python中的Xpath实现一个在线汇率转换器
2020/09/09 Python
Kangol帽子官网:坎戈尔袋鼠
2018/09/26 全球购物
毕业生自我推荐
2013/11/04 职场文书
如何填写个人简历自我评价
2013/12/10 职场文书
搞笑征婚广告词
2014/03/17 职场文书
科技活动周标语
2014/10/08 职场文书
门卫岗位职责
2015/02/09 职场文书
幼儿园教学工作总结2015
2015/05/12 职场文书
关于MySQL中的 like操作符详情
2021/11/17 MySQL