数组去重方法 js

JavaScript016

数组去重方法 js,第1张

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

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

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

js数组去重的几种方法

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

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

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

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

JS判断一个数组中是否有重复值的三种方法

方法一:

//将数组转换成字符串,遍历数组,移除一个元素後若还能找到该元素,那么这个元素就是重复的

var s = ary.join(",")+","

for(var i=0i<ary.lengthi++) {

    if(s.replace(ary[i]+",","").indexOf(ary[i]+",")>-1) {

    alert("数组中有重复元素:" + ary[i])

    break

    }

}

方法二:

//对数组进行排序,查上一个和下一个是否相等

var ary = new Array("111","22","33","111")

var nary=ary.sort()

for(var i=0i<ary.lengthi++){

   if (nary[i]==nary[i+1]){

   alert("数组重复内容:"+nary[i])

   }

}

方法三:

//以数组值为键,持续向一个对象里面加值,

//如果在加值之前就发现这个属性在对象中已经存在,那么他就是重复的

function isRepeat(arr){

   var hash = {}

   for(var i in arr) {

      if(hash[arr[i]])

        return true

      hash[arr[i]] = true

  }

  return false

}

以上是简单类型数据数组的重复校验方法,若数组的元素为对象,处理方式就需要变化一下,取关键属性作为依据

方法一

无需思考,我们可以得到 O(n^2) 复杂度的解法。定义一个变量数组 res 保存结果,遍历需要去重的数组,如果该元素已经存在在 res 中了,则说明是重复的元素,如果没有,则放入 res 中。

function unique(a) {

var res = []

for (var i = 0, len = a.lengthi <leni++) {

var item = a[i]

for (var j = 0, jLen = res.lengthj <jLenj++) {

if (res[j] === item)

break

}

if (j === jLen)

res.push(item)

}

return res

}

var a = [1, 1, '1', '2', 1]

var ans = unique(a)

console.log(ans)// =>[1, "1", "2"]

代码非常简单,那么是否能更简洁些?如果不考虑浏览器兼容,我们可以用 ES5 提供的 Array.prototype.indexOf 方法来简化代码。

function unique(a) {

var res = []

for (var i = 0, len = a.lengthi <leni++) {

var item = a[i]

(res.indexOf(item) === -1) &&res.push(item)

}

return res

}

var a = [1, 1, '1', '2', 1]

var ans = unique(a)

console.log(ans)// =>[1, "1", "2"]

既然用了 indexOf,那么不妨再加上 filter。

function unique(a) {

var res = a.filter(function(item, index, array) {

return array.indexOf(item) === index

})

return res

}

var a = [1, 1, '1', '2', 1]

var ans = unique(a)

console.log(ans)// =>[1, "1", "2"]