数组去重你知道几种？
数组去重的方法
- 第一种方法
Array.from方法可以将Set结构转为数组
|
1
2
|
let items = new Set([1, 2, 3, 4, 5]);
let array = Array.from(items);
|
这就是提供了一种数据去重的方法
|
1
2
3
4
|
function uniq(array) {
return Array.from(new Set(array));
}
uniq([1, 2, 3, 3]) //[1, 2, 3]
|
- 第二种方法
运用扩展运算符(…)提供了一种更便捷的去重方法
|
1
2
3
|
let arr = [2, 3, 3, 5, 6, 2];
let uniq = [...new Set(arr)];
//[2, 3, 5, 6]
|
- 第三种方法
这是一种原生JS的去重方法，借助一个空数组来实现去重，便于理解底层原理(xyz函数带有参数)
|
1
2
3
4
5
6
7
8
9
|
function xyz(arr) {
let a= [];
arr.forEach((item,index) => {
a.indexOf(item) ===-1 ? a.push(item) : ''
})
return a;
}
console.log(xyz([1,2,3,2,3]));
//[1, 2, 3]
|
- 第四种方法
同上(xyz函数不带参数)
拓展：需要注意的一点就是此函数可以传多个数组，但是要看arguments[index]
决定执行哪个数组，默认是执行第一个。
|
1
2
3
4
5
6
7
8
9
10
11
12
13
|
function xyz() {
let a= [];
// Array.from(arguments[0]).forEach((item,index) => {
// a.indexOf(item) ===-1 ? a.push(item) : ''
// })
// Array.prototype 可以换成[]
Array.prototype.forEach.call(arguments[1], (item,index) => {
a.indexOf(item) ===-1 ? a.push(item) : ''
})
return a;
}
console.log(xyz([1,2,3,2,3],[2,2,1]));
//[1, 2, 3]
|
- 第五种方法
这是一种基于数组原型链的去重方法
|
1
2
3
4
5
6
7
8
9
10
|
Array.prototype.uniq = function() {
let a= [];
this.forEach((item,index) => {
a.indexOf(item) ===-1 ? a.push(item) : ''
})
return a;
}
console.log([1,2,1,3].uniq());
//[1, 2, 3]
|
这么多方法你知道哪几种呢？
