数组对象去重
需求:
多组数组元素组合拼接,最终导致数组中有一些重复出现的元素。现将数组中重复的元素剔除掉,最终得到一组没有重复数据的新数组对象。
解决方法:
采用 reduce() 处理数组元素,达到最终目的;
- reduce()方法接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值;
- reduce()可以作为一个高阶函数,用于函数的 compose;
- 注意:reduce()对于空数组是不会执行回调函数的。
语法:
array.
reduce
(function(
total
,
currentValue
,
currentIndex
,
arr
),
initialValue
)
- 参数:
total | 必需。初始值,或者计算结束后的返回值。 |
---|---|
currentValue | 必需。当前元素。 |
currentIndex | 可选。当前元素索引 |
arr | 可选。当前元素所属的数组对象 |
initialValue | 可选。传递给函数的初始值 |
实现代码:(过滤数组对象中的重复元素)
const filterArray = (array) => {
let tmp = {};
let tmpArray = array.reduce((total, item) => {
tmp[item.id] ? '' : (tmp[item.id] = total.push(item));
return total
}, []);
return tmpArray;
}
实例使用:
// 使用
let testArray = [{
id: 1,
name: 'zhangsan'
}, {
id,
2,
name: 'lisi'
}, {
id: 1,
'zhangsan'
}, {
id: 4,
name: 'wangwu'
}];
// 过滤后数据
let newArray = filterArray(testArray);
newArray = [{
id: 1,
name: 'zhangsan'
}, {
id,
2,
name: 'lisi'
}, {
id: 4,
name: 'wangwu'
}];
标签:name,元素,reduce,数组,total,id 来源: https://www.cnblogs.com/zxk5211/p/13706879.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。