vue實(shí)現(xiàn)將一個(gè)數(shù)組內(nèi)的相同數(shù)據(jù)進(jìn)行合并
獲取服務(wù)器傳來的數(shù)組數(shù)據(jù)進(jìn)行,找出其中價(jià)格相同的進(jìn)行數(shù)量相加,合并該段數(shù)據(jù):
/** 先將傳來的訂單列表進(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)); //再復(fù)制一個(gè)用來做對(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; //如果該值為空值就跳過 } 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)行合并就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
vuex中的 mapState,mapGetters,mapActions,mapMutations 的使用
在vuex中有四大金剛分別是State, Mutations,Actions,Getters,本文對(duì)這四大金剛做了詳細(xì)介紹,本文重點(diǎn)是給大家介紹vuex中的 mapState,mapGetters,mapActions,mapMutations 的使用,感興趣的朋友一起看看吧2018-04-04Vue+Video.js實(shí)現(xiàn)視頻抽幀并返回抽幀圖片Base64
這篇文章主要為大家詳細(xì)介紹了Vue如何利用Video.js實(shí)現(xiàn)視頻抽幀并返回抽幀圖片Base64,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以了解下2024-01-01vue 封裝導(dǎo)出Excel數(shù)據(jù)的公共函數(shù)的方法
本文主要介紹了vue 封裝導(dǎo)出Excel數(shù)據(jù)的公共函數(shù),文中通過示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-09-09記錄一個(gè)van-list不斷onLoad加載的坑及解決
這篇文章主要介紹了記錄一個(gè)van-list不斷onLoad加載的坑及解決方案,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-04-04Vue循環(huán)組件加validate多表單驗(yàn)證的實(shí)例
今天小編就為大家分享一篇Vue循環(huán)組件加validate多表單驗(yàn)證的實(shí)例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-09-09詳解win7 cmd執(zhí)行vue不是內(nèi)部命令的解決方法
這篇文章主要介紹了詳解win7 cmd執(zhí)行vue不是內(nèi)部命令的解決方法的相關(guān)資料,這里提供了解決問題的詳細(xì)步驟,具有一定的參考價(jià)值,需要的朋友可以參考下2017-07-07