vue如何實現將一個數組內的相同數據進行合并

這篇文章將為大家詳細講解有關vue如何實現將一個數組內的相同數據進行合并，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

獲取服務器傳來的數組數據進行，找出其中價格相同的進行數量相加，合并該段數據：

/** 先將傳來的訂單列表進行四舍五入，再將價格相同的訂單進行合并
  * @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如何實現將一個數組內的相同數據進行合并”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。