JS判断数组中是否有重复值得三种实用方法

JavaScript07

JS判断数组中是否有重复值得三种实用方法,第1张

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"]