数组去重方法 js

JavaScript047

数组去重方法 js,第1张

js数组去重的方法可以利用数组排序，通过相邻元素比较,去除重复元素。

去重，一般都是在面试的时候才会碰到，一般是要求手写数组去重方法的代码。在真实的项目中碰到的数组去重，一般都是后台去处理，很少让前端处理数组去重。虽然日常项目用到的概率比较低，但还是需要了解一下，以防面试的时候可能回被问到。

利用for嵌套for，然后splice去重（ES5中最常用）。双层循环，外层循环元素，内层循环时比较值。值相同时，则删去这个值。想快速学习更多常用的ES6语法，可以看一些相关的文章如《学习ES6笔记──工作中常用到的ES6语法》。

js数组去重的几种方法

利用数组排序，通过相邻元素比较，去除重复元素，可以严格匹配以区分数据类型。

借用对象属性方法，将数组中的元素添加为对象的属性。遍历数组元素的时候查询对象是否已经有该属性，如果有则不重复添加。

借用正则匹配的方法，将新数组转换为字符串。原数组中的每个元素与在字符串中查找，如果匹配到，则不添加。

使用js新特性的Map对象，使用键值对的方式修改第二种方法。或者利用Set对象，自动过滤掉重复项，而且可以判断数据类型。

方法1：

[js] view plain copy

Array.prototype.method1 = function(){

var arr[] //定义一个临时数组

for(var i = 0i <this.lengthi++){//循环遍历当前数组

//判断当前数组下标为i的元素是否已经保存到临时数组

//如果已保存，则跳过，否则将此元素保存到临时数组中

if(arr1.indexOf(this[i]) == -1){

arr.push(this[i])

}

}

return arr

}

方法2：

[js] view plain copy

Array.prototype.method2 = function(){

var h{} //定义一个hash表

var arr[] //定义一个临时数组

for(var i = 0i <this.lengthi++){//循环遍历当前数组

//对元素进行判断，看是否已经存在表中，如果存在则跳过，否则存入临时数组

if(!h[this[i]]){

//存入hash表

h[this[i]] = true

//把当前数组元素存入到临时数组中

arr.push(this[i])

}

}

return arr

}

方法3：

[js] view plain copy

Array.prototype.method3 = function(){

//直接定义结果数组

var arr[this[0]]

for(var i = 1i <this.lengthi++){//从数组第二项开始循环遍历此数组

//对元素进行判断：

//如果数组当前元素在此数组中第一次出现的位置不是i

//那么我们可以判断第i项元素是重复的，否则直接存入结果数组

if(this.indexOf(this[i]) == i){

arr.push(this[i])

}

}

return arr

}

方法4：

[js] view plain copy

Array.prototype.method4 = function(){

//将数组进行排序

this.sort()

//定义结果数组

var arr[this[0]]

for(var i = 1i <this.lengthi++){//从数组第二项开始循环遍历数组

//判断相邻两个元素是否相等，如果相等说明数据重复，否则将元素写入结果数组

if(this[i] !== arr[arr.length - 1]){

arr.push(this[i])

}

}

return arr

}

例如：var student = [‘qiang','ming','tao','li','liang','you','qiang','tao']

第一种思路是：遍历要删除的数组arr, 把元素分别放入另一个数组tmp中，在判断该元素在arr中不存在才允许放入tmp中

用到两个函数：for ...in 和 indexOf()

<script type="text/javascript">var student = ['qiang','ming','tao','li','liang','you','qiang','tao']function unique(arr){ // 遍历arr，把元素分别放入tmp数组(不存在才放) var tmp = new Array()for(var i in arr){ //该元素在tmp内部不存在才允许追加 if(tmp.indexOf(arr[i])==-1){ tmp.push(arr[i])} } return tmp} </script>

第二种思路是：把目标数组arr的元素值和键的位置调换 自动就把重复的元素给删除掉了，调换后的样子：array('qiang'=>1,'ming'=>1,'tao'=>1)

<script type="text/javascript">var student = ['qiang','ming','tao','li','liang','you','qiang','tao']function unique(arr){ var tmp = new Array()for(var m in arr){ tmp[arr[m]]=1} //再把键和值的位置再次调换 var tmparr = new Array()for(var n in tmp){ tmparr.push(n)} return tmparr} </script>