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