【Javascript】数组去重的几种方法

indexOf

• 创建新的数组存储数据，利用es5中的indexOf方法在新数组中查找重复项，如果没有即可添加到新数组。

var arr = ["a", 3, 5, 2, 1, 4, 2, 3, 3, 3, "a", 5, 5, 5, 4];
var arr1 = [];
for (var i = 0; i < arr.length; i++) {
    if (arr1.indexOf(arr[i]) == -1) arr1.push(arr[i]);
}
console.log(arr1);

lastindexOf

• 创建新的数组存储数据，利用lastIndexOf方法在原来的数组中查找是否是唯一的一项，没有即可添加到新的数组。(会影响原来的顺序)

var arr=["a",3,5,2,1,4,2,3,3,3,"a",5,5,5,4];
var arr1=[];
for(var i=0;i<arr.length;i++){
    if(arr.lastIndexOf(arr[i])==i) arr1.push(arr[i]);
}
console.log(arr1);


//或者更简单一些，从后往前利用indexOf查找是否是唯一的一项，没有即可添加到新的数组。
var arr = ["a", 3, 5, 2, 1, 4, 2, 3, 3, 3, "a", 5, 5, 5, 4];
var arr1 = [];
for (var i = arr.length - 1; i >= 0; i--) {
    if (arr.indexOf(arr[i]) == i) arr1.push(arr[i]);
}
console.log(arr1);

Set+Array.from()

• Set是es6中新增的数据结构（类似于数组），所有的值都是唯一的，其构造函数可以接受一个数组作为参数。然后再用Array.from()方法将类数组转换为数组。

 let set = new Set([1,1,"1",2,2]);
 console.log(set);//Set{1,"1",2}
 
var arr = Array.from(set);
console.log(arr);