vue实现将一个数组内的相同数据进行合并


Posted in Javascript onNovember 07, 2019

获取服务器传来的数组数据进行,找出其中价格相同的进行数量相加,合并该段数据:

/** 先将传来的订单列表进行四舍五入,再将价格相同的订单进行合并
  * @param {Object} orderList :要进行操作的订单
  */
 async mergeOrder(orderList) {
  console.log(orderList);
  let contrast_1 = JSON.parse(JSON.stringify(orderList));
  for(let x in contrast_1){
  contrast_1[x].trade_price = this.toDecimal(contrast_1[x].trade_price,this.digit_num); //进行四舍五入
  }
  
  let contrast_2 = JSON.parse(JSON.stringify(contrast_1)); //再复制一个用来做对比
  let containers = []; //存放已经合并后的数据
  /* 循环找出相同的值 */
  console.log(contrast_1);
  for(let i in contrast_1){
  console.log(contrast_1[i]);
  let container_list = {
   trade_num: contrast_1[i].trade_num,
   trade_order_id: contrast_1[i].trade_order_id,
   trade_price: contrast_1[i].trade_price,
   trade_type: contrast_1[i].trade_type
  }
  
  for(let m in contrast_2){
   if(!contrast_2[m]){
   if(m == i){
    container_list = null;
    break; //如果该值为空值就跳过
   }
   continue;
   }
   if(contrast_1[i].trade_price == contrast_2[m].trade_price){
   if(m == i){
    contrast_2[m] = null;
    continue;
   }
   /* 如果遇到没有合并的相同价格就进行累加 */
   container_list = {
    trade_num: parseInt(container_list.trade_num) + parseInt(contrast_2[m].trade_num),
    trade_order_id: container_list.trade_order_id + '--' + contrast_2[m].trade_order_id,
    trade_price: container_list.trade_price,
    trade_type: container_list.trade_type
   }
   contrast_2[m] = null; //销毁该次循环的值,防止多次循环到该值
   }
  }
  console.log(container_list);
  if(!container_list){
   //如果为空值就直接进行下次循环
   continue;
  }
  /* 将该次循环得到的数据放入容器内 */
  containers.push(container_list);
  console.log(containers);
  }
  console.log(containers);
  return containers;
 }
/**
  * @param {number} x: 要进行操作的数字
  * @param {number} digit: 要达到的精度,比如小数点后8位,不足补0
  */
 toDecimal(x, digit) {
  let f = parseFloat(x);
  let index = Math.pow(10, digit);
  if (isNaN(f)) {
  return false;
  }
  f = Math.round(x * index) / index; //四舍五入
  let s = f.toString();
  let rs = s.indexOf('.');
  if (rs < 0) {
  rs = s.length;
  if (digit > 0) {
   s += '.';
  }
  }
  if (digit > 0) {
  while (s.length <= rs + digit) {
   s += '0';
  }
  }
  return s;
 },

以上这篇vue实现将一个数组内的相同数据进行合并就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
多个iframe自动调整大小的问题
Sep 18 Javascript
Js 获取当前日期时间及其它操作实现代码
Mar 04 Javascript
contains和compareDocumentPosition 方法来确定是否HTML节点间的关系
Sep 13 Javascript
jquery网页元素拖拽插件效果及实现
Aug 05 Javascript
JS实现的简洁纵向滑动菜单(滑动门)效果
Oct 19 Javascript
jQuery实现div横向拖拽排序的简单实例
Jul 13 Javascript
浅谈DOCTYPE对$(window).height()取值的影响
Jul 21 Javascript
AngularJs基本特性解析(一)
Jul 21 Javascript
轻松掌握JavaScript装饰者模式
Aug 27 Javascript
jQuery Validate 无法验证 chosen-select元素的解决方法
May 17 jQuery
深入浅析Node.js单线程模型
Jul 10 Javascript
解决element ui select下拉框不回显数据问题的解决
Feb 20 Javascript
jQuery利用cookie 实现本地收藏功能(不重复无需多次命名)
Nov 07 #jQuery
ElementUI多个子组件表单的校验管理实现
Nov 07 #Javascript
构建Vue大型应用的10个最佳实践(小结)
Nov 07 #Javascript
Node配合WebSocket做多文件下载以及进度回传
Nov 07 #Javascript
vue 实现单选框设置默认选中值
Nov 07 #Javascript
js使用文档就绪函数动态改变页面内容示例【innerHTML、innerText】
Nov 07 #Javascript
vue获取data数据改变前后的值方法
Nov 07 #Javascript
You might like
PHP实现的功能是显示8条基色色带
2006/10/09 PHP
PHP 截取字符串专题集合
2010/08/19 PHP
PHP安全的URL字符串base64编码和解码
2014/06/19 PHP
php+xml实现在线英文词典之添加词条的方法
2015/01/23 PHP
Yii中CArrayDataProvider和CActiveDataProvider区别实例分析
2016/03/02 PHP
php基于jquery的ajax技术传递json数据简单实例
2016/04/15 PHP
AJAX架构之Dojo篇
2007/04/10 Javascript
JavaScript 加号(+)运算符号
2009/12/06 Javascript
深入理解JavaScript系列(6) 强大的原型和原型链
2012/01/15 Javascript
浅谈Jquery为元素绑定事件
2015/04/27 Javascript
javascript多行字符串的简单实现方式
2015/05/04 Javascript
js实现文字滚动效果
2016/03/03 Javascript
js中遍历对象的属性和值的方法
2016/07/27 Javascript
详解jQuery事件
2017/01/13 Javascript
angular中的http拦截器Interceptors的实现
2017/02/21 Javascript
Angularjs自定义指令Directive详解
2017/05/27 Javascript
jquery点击回车键实现登录效果并默认焦点的方法
2018/03/09 jQuery
如何实现一个简易版的vuex持久化工具
2019/09/11 Javascript
JS扁平化输出数组的2种方法解析
2019/09/17 Javascript
vue微信分享插件使用方法详解
2020/02/18 Javascript
解决vant框架做H5时踩过的坑(下拉刷新、上拉加载等)
2020/11/11 Javascript
vue自定义插件封装,实现简易的elementUi的Message和MessageBox的示例
2020/11/20 Vue.js
深入讲解Java编程中类的生命周期
2016/02/05 Python
Python做简单的字符串匹配详解
2017/03/21 Python
使用python编写udp协议的ping程序方法
2018/04/22 Python
Python闭包函数定义与用法分析
2018/07/20 Python
OpenCV图像颜色反转算法详解
2019/05/13 Python
Python进阶之使用selenium爬取淘宝商品信息功能示例
2019/09/16 Python
Django自定义全局403、404、500错误页面的示例代码
2020/03/08 Python
python代码如何注释
2020/06/01 Python
pytest fixtures装饰器的使用和如何控制用例的执行顺序
2021/01/28 Python
解决TensorFlow训练模型及保存数量限制的问题
2021/03/03 Python
字中字效果的实现【html5实例】
2016/05/03 HTML / CSS
夜不归宿检讨书
2014/02/25 职场文书
浅谈自定义校验注解ConstraintValidator
2021/06/30 Java/Android
Python学习之迭代器详解
2022/04/01 Python