1、通过filter实现数组去重
filter中传入的函数有三个参数。第一个item表示当前元素的值,第二个index表示当前元素的索引值,第三个self表示当前元素属于的数组对象。
var arr = [2,4,3,3,4,2,3,254,234,4];
function unique(arr) {
return arr.filter((item, index, self) => {
return self.indexOf(item) == index;
})
}
console.log(unique(arr))
2、通过ES6新增的数据结构Set来实现数组去重
var arr = [2,4,3,3,4,2,3,254,234,4];
function unique(arr) {
var x = new Set(arr);
return [...x]
}
console.log(unique(arr))
3、通过reduce函数来实现数组去重
// reduce 方法
// arr.reduce(function(prev, cur, index, arr) {
// // code...
// }, init);
/**
* 其中,arr 表示原数组
* prev 表示上一次调用回调时候的返回值,或者初始值init;
* cur 表示当前正在处理的数组元素;
* index 表示当前正在处理的数组元素的索引,若提供init值,则索引为0.否则索引为1;
*/
var arr = [2,3,24,2,4,24,252,3,2];
var newArr = arr.reduce((prev, cur) => {
prev.indexOf(cur) == -1 && prev.push(cur);
return prev;
}, []);
console.log(newArr); // [2,3,24,4,252]