关于js的数组去重,有很多种方法来实现,下面就说一下我在学习这一方面时的进阶之路。
1.for循环去重也是初学者最先想到的方法
var arr = [1, 1, 4, 50, 50, 6, 2, 2];
function unique() {
for (var i = 0; i < arr.length; i++) {
for (var j = i + 1; j < arr.length; j++) {
if (arr[i] === arr[j]) arr.splice(j, 1); //如果前一个值与后一个值相等,那么就去掉后一个值,splice()可以修改原数组
}
}
return arr;
}
unique();
2.对象方式数组去重
var arr = [1, 1, 4, 50, 50, 6, 2, 2];
//数组转化成对象
function toObject(arr){
var obj={};
var i;
for(i=0;i<arr.length;i++){
obj[arr[i]]=true;
}
return obj;
}
//对象转为数组
function toArr(obj){
var arr=[];
for (var attr in obj) {
if (obj.hasOwnProperty(attr)) {
arr.push(attr);
}
}
return arr;
}
function unique(newarr){
return toArr(toObject(newarr));
}
3.fillter方法去重
var arr = [1, 1, 4, 50, 50, 6, 2, 2];
function unique(arr) {
return arr.filter(function(item, index, array) {
return array.indexOf(item) === index;
//或者这样写return array.indexOf(item, index+1) === -1; 如果没有重复项,返回true
//用filter方法,返回ietm对应的indexOf索引值与本身index索引值相等的值,也就是去掉重复的值,filter本身不修改数组,只是会自动遍历数组,去掉重复值后,那么arr就剩下不重复的了
});
}
console.log(unique(arr)); //输出Array [ 1, 4, 50, 6, 2 ]
4.es6唯一集合去重
var arr = [1, 1, 4, 50, 50, 6, 2, 2];
function unique(arr) {
return Array.from(new Set(arr));//set在es6中是唯一集合里面不会有重复的项,Array.from是将一个类数组转换为真正的数组
}
console.log(unique(arr));
上述这些基本上就是我在学习js时对数组去重的一些总结吧