ES6 数组合并,向下查重且去除重复项;

应用场景:在项目中选择数组对象内容,选择后需要有所标识,或者默认会有一组数组对象数据追加到请求的数组中,且在最前端展示,其后加载过来的相同的数据对象将被替换掉;需要数组对象查重处理;

ES6 数组合并,向下查重且去除重复项;_第1张图片

主要代码实现:

/*** 
 * 其他内容代码略过;
 * 说明:
 *  that.goodsList 结果内容;
 *  that.paramsList 默认选中已有的数据对象内容;
 *  list 为请求过来需要加入的内容,排除 已存在的对象
****/
const that = this;
that.goodsList = [...that.paramsList, ...that.goodsList, ...list];
let objres = {};
let goodsList = that.goodsList.reduce((cur,next) => {
    objres[next.item_sku_id] ? "" : objres[next.item_sku_id] = true && cur.push(next);
	return cur;
},[]) //设置cur默认类型为数组,并且初始值为空的数组
that.goodsList = goodsList
console.log(that.goodsList)

部分代码内容展示参考:

ES6 数组合并,向下查重且去除重复项;_第2张图片

你可能感兴趣的:(ES6,es6/es7)