关于使用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 相关文章推荐
javascript 动态调整图片尺寸实现代码
Dec 28 Javascript
js校验表单后提交表单的三种方法总结
Feb 28 Javascript
js的2种继承方式详解
Mar 04 Javascript
JSON字符串和对象之间的转换详解
May 26 Javascript
jquery+css实现的红色线条横向二级菜单效果
Aug 22 Javascript
jquery判断输入密码两次是否相等
Apr 22 Javascript
AngularJS基础 ng-src 指令简单示例
Aug 03 Javascript
用vue封装插件并发布到npm的方法步骤
Oct 18 Javascript
JavaScript检查数据中是否存在相同的元素(两种方法)
Oct 07 Javascript
JS实现随机生成10个手机号的方法示例
Dec 07 Javascript
layui使用label标签的方法
Sep 14 Javascript
es6函数之尾调用优化实例分析
Apr 25 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 特殊字符处理函数
2008/09/05 PHP
php xml文件操作实现代码(二)
2009/03/20 PHP
PHP读取文件并可支持远程文件的代码分享
2012/10/03 PHP
微信access_token的获取开发示例
2015/04/16 PHP
浅谈PHP中Stream(流)
2015/06/08 PHP
浅析Yii2中GridView常见操作
2016/04/22 PHP
关于laravel框架中的常用目录路径函数
2019/10/23 PHP
prototype 学习笔记整理
2009/07/17 Javascript
js特效,页面下雪的小例子
2013/06/17 Javascript
For循环中分号隔开的3部分的执行顺序探讨
2014/05/27 Javascript
php结合imgareaselect实现图片裁剪
2015/07/05 Javascript
javascript html5摇一摇功能的实现
2016/04/19 Javascript
nodejs之get/post请求的几种方式小结
2017/07/26 NodeJs
javascript  删除select中的所有option的实例
2017/09/17 Javascript
浅谈vue的iview列表table render函数设置DOM属性值的方法
2017/09/30 Javascript
详解如何配置vue-cli3.0的vue.config.js
2018/08/23 Javascript
vue打包使用Nginx代理解决跨域问题
2018/08/27 Javascript
vue19 组建 Vue.extend component、组件模版、动态组件 的实例代码
2019/04/04 Javascript
JavaScript+HTML5 canvas实现放大镜效果完整示例
2019/05/15 Javascript
vue实现在进行增删改操作后刷新页面
2020/08/05 Javascript
解决vue项目,npm run build后,报路径错的问题
2020/08/13 Javascript
js+css实现扇形导航效果
2020/08/18 Javascript
[59:42]Secret vs Alliacne 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
Python中使用不同编码读写txt文件详解
2015/05/28 Python
在Django中使用Sitemap的方法讲解
2015/07/22 Python
Python开发微信公众平台的方法详解【基于weixin-knife】
2017/07/08 Python
python里使用正则的findall函数的实例详解
2017/10/19 Python
Python深度优先算法生成迷宫
2018/01/22 Python
简单了解python高阶函数map/reduce
2019/06/28 Python
python 标准差计算的实现(std)
2019/07/29 Python
tensorflow实现残差网络方式(mnist数据集)
2020/05/26 Python
Chantelle仙黛尔内衣美国官网:法国第一品牌内衣
2018/07/26 全球购物
英国首屈一指的票务公司:See Tickets
2019/05/11 全球购物
雨中的树观后感
2015/06/03 职场文书
《大禹治水》教学反思
2016/02/22 职场文书
Python中json.dumps()函数的使用解析
2021/05/17 Python