最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

vue實(shí)現(xiàn)將一個(gè)數(shù)組內(nèi)的相同數(shù)據(jù)進(jìn)行合并

 更新時(shí)間:2019年11月07日 15:26:37   作者:水溝小魚  
今天小編就為大家分享一篇vue實(shí)現(xiàn)將一個(gè)數(shù)組內(nèi)的相同數(shù)據(jù)進(jìn)行合并,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧

獲取服務(wù)器傳來(lái)的數(shù)組數(shù)據(jù)進(jìn)行,找出其中價(jià)格相同的進(jìn)行數(shù)量相加,合并該段數(shù)據(jù):

/** 先將傳來(lái)的訂單列表進(jìn)行四舍五入,再將價(jià)格相同的訂單進(jìn)行合并
  * @param {Object} orderList :要進(jìn)行操作的訂單
  */
 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); //進(jìn)行四舍五入
  }
  
  let contrast_2 = JSON.parse(JSON.stringify(contrast_1)); //再?gòu)?fù)制一個(gè)用來(lái)做對(duì)比
  let containers = []; //存放已經(jīng)合并后的數(shù)據(jù)
  /* 循環(huán)找出相同的值 */
  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; //如果該值為空值就跳過(guò)
   }
   continue;
   }
   if(contrast_1[i].trade_price == contrast_2[m].trade_price){
   if(m == i){
    contrast_2[m] = null;
    continue;
   }
   /* 如果遇到?jīng)]有合并的相同價(jià)格就進(jìn)行累加 */
   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; //銷毀該次循環(huán)的值,防止多次循環(huán)到該值
   }
  }
  console.log(container_list);
  if(!container_list){
   //如果為空值就直接進(jìn)行下次循環(huán)
   continue;
  }
  /* 將該次循環(huán)得到的數(shù)據(jù)放入容器內(nèi) */
  containers.push(container_list);
  console.log(containers);
  }
  console.log(containers);
  return containers;
 }
/**
  * @param {number} x: 要進(jìn)行操作的數(shù)字
  * @param {number} digit: 要達(dá)到的精度,比如小數(shù)點(diǎn)后8位,不足補(bǔ)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實(shí)現(xiàn)將一個(gè)數(shù)組內(nèi)的相同數(shù)據(jù)進(jìn)行合并就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。

相關(guān)文章

  • Vue實(shí)現(xiàn)搖一搖功能(兼容ios13.3以上)

    Vue實(shí)現(xiàn)搖一搖功能(兼容ios13.3以上)

    這篇文章主要為大家詳細(xì)介紹了Vue實(shí)現(xiàn)搖一搖功能,兼容ios13.3以上,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2021-01-01
  • JS圖片懶加載庫(kù)VueLazyLoad詳解

    JS圖片懶加載庫(kù)VueLazyLoad詳解

    這篇文章主要為大家介紹了JS圖片懶加載庫(kù)VueLazyLoad示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2023-02-02
  • 基于Vue uniapp實(shí)現(xiàn)貪吃蛇游戲

    基于Vue uniapp實(shí)現(xiàn)貪吃蛇游戲

    貪吃蛇游戲想必是很多70、80后的回憶,一直到現(xiàn)在也深受大家的喜歡。本文將利用Vue+uniapp實(shí)現(xiàn)這一經(jīng)典的游戲,感興趣的可以了解一下
    2022-04-04
  • vue3+elementUI實(shí)現(xiàn)懸浮多行文本輸入框效果

    vue3+elementUI實(shí)現(xiàn)懸浮多行文本輸入框效果

    這篇文章主要為大家詳細(xì)介紹了vue3如何引用elementUI實(shí)現(xiàn)懸浮文本輸入框效果,以便實(shí)現(xiàn)多行文本輸入,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下
    2023-10-10
  • 詳解vuex中mutations方法的使用與實(shí)現(xiàn)

    詳解vuex中mutations方法的使用與實(shí)現(xiàn)

    這篇文章主要為大家詳細(xì)介紹了vuex中mutations方法的使用與實(shí)現(xiàn)的相關(guān)知識(shí),文中的示例代碼簡(jiǎn)潔易懂,具有一定的學(xué)習(xí)價(jià)值,感興趣的小伙伴可以跟隨小編一起了解一下
    2023-11-11
  • vue echarts實(shí)現(xiàn)柱狀圖動(dòng)態(tài)展示

    vue echarts實(shí)現(xiàn)柱狀圖動(dòng)態(tài)展示

    這篇文章主要為大家詳細(xì)介紹了vue echarts實(shí)現(xiàn)柱狀圖動(dòng)態(tài)展示,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2021-09-09
  • 詳解Vue中的基本語(yǔ)法和常用指令

    詳解Vue中的基本語(yǔ)法和常用指令

    Vue.js 是一套構(gòu)建用戶界面的框架,**只關(guān)注視圖層**,它不僅易于上手,還便于與第三方庫(kù)或既有項(xiàng)目整合。這篇文章主要介紹了vue 的基本語(yǔ)法和常用指令,需要的朋友可以參考下
    2019-07-07
  • vue異步組件使用及加載失敗異常處理

    vue異步組件使用及加載失敗異常處理

    在構(gòu)建大型單頁(yè)應(yīng)用時(shí),組件的按需加載和延遲加載對(duì)于性能優(yōu)化至關(guān)重要,本文主要介紹了vue異步組件使用及加載失敗異常處理,具有一定的參考價(jià)值,感興趣的可以了解一下
    2024-02-02
  • vue中input獲取光標(biāo)位置并追加內(nèi)容

    vue中input獲取光標(biāo)位置并追加內(nèi)容

    這篇文章主要給大家介紹了關(guān)于vue中input獲取光標(biāo)位置并追加內(nèi)容的相關(guān)資料,vue通過(guò)當(dāng)前的光標(biāo)來(lái)進(jìn)行插值,從而需要去獲取光標(biāo)所在的位置,需要的朋友可以參考下
    2023-07-07
  • vue中import導(dǎo)入三種方式詳解

    vue中import導(dǎo)入三種方式詳解

    在使用vue開(kāi)發(fā)項(xiàng)目的時(shí)候,很多使用會(huì)import很多模塊,這篇文章主要給大家介紹了關(guān)于vue中import導(dǎo)入三種方式的相關(guān)資料,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2024-02-02

最新評(píng)論

祁东县| 洞口县| 金昌市| 双柏县| 康马县| 上林县| 奈曼旗| 葫芦岛市| 鹰潭市| 无棣县| 昌邑市| 兴文县| 五河县| 永丰县| 荔浦县| 卢氏县| 达孜县| 普洱| 拉萨市| 乌兰察布市| 习水县| 麻城市| 靖西县| 漾濞| 浦江县| 攀枝花市| 玉门市| 常熟市| 白水县| 昭觉县| 调兵山市| 安乡县| 青岛市| 甘德县| 开封县| 瑞昌市| 高尔夫| 晴隆县| 丹凤县| 若尔盖县| 大新县|