JS的数组去重处理(十九)

上一章简单介绍了JS的Map详细形式(十八),如果没有看过,请观看上一章。

这一章只对简单值的数组进行去重处理， 对象数组不考虑。

一. 数组去重unique() 处理

在JS的数组中，在前端常常会进行去重的处理。如 数组 [1,2,3,4,5,6,2,3,7,8] 进行去重，去重之后的数组为[1,2,3,4,5,6,7,8]可以采用以下的几种方式进行去重。

二. indexOf() 判断数组是否存在去重

function setArray(){
	var arr=[1,2,3,4,5,6,2,3,7,8];
	var b=unique(arr);
	console.log("去重后的数组是:"+b.toString());
}
function unique(arr){
	var newArr=new Array();
	for(var i=0;i<arr.length;i++){
		if(newArr.indexOf(arr[i])<0){ //判断数组中，是否拥有该值。 不在的话，放入到新的数组中。
			newArr.push(arr[i]);
		}
	}
	return newArr;
}

三. ES6提供的 from() 方法和 Set 对象( 不一定兼容老版本浏览器)

//直接转换成Set 格式。
function unique(arr){
	return Array.from(new Set(arr));
}

new Set(arr) , 是将数组数据实例化成 Set 集合。
from() ,是将Set 集合转换成 数组。

四. prototype 原型扩展

不想重复性调用方法，可以写成数组扩展的形式。

四.一 indexOf()的形式

function setArray(){
	var arr=[1,2,3,4,5,6,2,3,7,8];
	//直接用数组.unique() 方法即可。
	var b=arr.unique();
	console.log("去重后的数组是:"+b.toString());
}
Array.prototype.unique=function(){
	var newArr=new Array();
	for(var i=0;i<this.length;i++){
		if(newArr.indexOf(this[i])<0){ //判断数组中，是否拥有该值。
			newArr.push(this[i]);
		}
	}
	return newArr;
}

四.二 数组循环遍历的形式 (推荐的方式) 必须先排序 sort()

function setArray(){
	var arr=[1,2,3,4,5,6,2,3,7,8];
	//直接用数组.unique() 方法即可。
	var b=arr.unique();
	console.log("去重后的数组是:"+b.toString());
}
Array.prototype.unique=function(){
	//必须先进行排序
	this.sort();
	var newArr=new Array();
	//放入第一个数组头数据。
	var temp=this[0];
	newArr.push(temp);
	for(var i=1;i<this.length;i++){
		if(temp!=this[i]){ //判断数组中，是否拥有该值。
			temp=this[i]; //放置到数组里面。
			newArr.push(this[i]);
		}
	}
	return newArr;
}

五. jquery 提供了去重方法 unique()

function setArray(){
	var arr=[1,2,3,4,5,6,2,3,7,8];
	var b=$.unique(arr); //jquery 形式。
	console.log("去重后的数组是:"+b.toString());
}

建议使用jquery 的unique() 方法。

这只是对简单的数组进行的去重，无法对对象数组进行去重。 对象数组的去重，等到下一章讲解。

谢谢!!!