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实现将一个数组内的相同数据进行合并就是小编分享给大家的全部内容了，希望能给大家一个参考

您可能感兴趣的文章:

• vue语法之拼接字符串的示例代码
• vue遍历对象中的数组取值示例
• 详解vue 数组和对象渲染问题
• Vue 通过公共字段,拼接两个对象数组的实例