vue實現(xiàn)將一個數(shù)組內(nèi)的相同數(shù)據(jù)進(jìn)行合并
更新時間:2019年11月07日 15:26:37 作者:水溝小魚
今天小編就為大家分享一篇vue實現(xiàn)將一個數(shù)組內(nèi)的相同數(shù)據(jù)進(jìn)行合并,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
獲取服務(wù)器傳來的數(shù)組數(shù)據(jù)進(jìn)行,找出其中價格相同的進(jìn)行數(shù)量相加,合并該段數(shù)據(jù):
/** 先將傳來的訂單列表進(jìn)行四舍五入,再將價格相同的訂單進(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ù)制一個用來做對比
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)]有合并的相同價格就進(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ù)點后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實現(xiàn)將一個數(shù)組內(nèi)的相同數(shù)據(jù)進(jìn)行合并就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
vue3+elementUI實現(xiàn)懸浮多行文本輸入框效果
這篇文章主要為大家詳細(xì)介紹了vue3如何引用elementUI實現(xiàn)懸浮文本輸入框效果,以便實現(xiàn)多行文本輸入,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-10-10
詳解vuex中mutations方法的使用與實現(xiàn)
這篇文章主要為大家詳細(xì)介紹了vuex中mutations方法的使用與實現(xiàn)的相關(guān)知識,文中的示例代碼簡潔易懂,具有一定的學(xué)習(xí)價值,感興趣的小伙伴可以跟隨小編一起了解一下2023-11-11
vue echarts實現(xiàn)柱狀圖動態(tài)展示
這篇文章主要為大家詳細(xì)介紹了vue echarts實現(xiàn)柱狀圖動態(tài)展示,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2021-09-09
vue中input獲取光標(biāo)位置并追加內(nèi)容
這篇文章主要給大家介紹了關(guān)于vue中input獲取光標(biāo)位置并追加內(nèi)容的相關(guān)資料,vue通過當(dāng)前的光標(biāo)來進(jìn)行插值,從而需要去獲取光標(biāo)所在的位置,需要的朋友可以參考下2023-07-07

