上一章简单介绍了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() 方法。
这只是对简单的数组进行的去重,无法对对象数组进行去重。 对象数组的去重,等到下一章讲解。
谢谢!!!