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

JavaScript011

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

}

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

一、JQuery

如果是用JQuery的话,可以用inArray()函数:

jquery inarray()函数详解

jquery.inarray(value,array)

确定第一个参数在数组中的位置(如果没有找到则返回 -1 )。

determine the index of the first parameter in the array (-1 if not found).

返回值

jquery

参数

value (any) : 用于在数组中查找是否存在

array (array) : 待处理数组。

用法为:

$.inArray(value, array)

二、自己写函数

function contains(arr, obj) {  

    var i = arr.length  

    while (i--) {  

        if (arr[i] === obj) {  

            return true  

        }  

    }  

    return false  

}

用法为:

var arr = new Array(1, 2, 3)  

contains(arr, 2)//返回true  

contains(arr, 4)//返回false

三、给Array增加一个函数

Array.prototype.contains = function (obj) {  

    var i = this.length  

    while (i--) {  

        if (this[i] === obj) {  

            return true  

        }  

    }  

    return false  

}

使用方法:

[1, 2, 3].contains(2) //返回true  

[1, 2, 3].contains('2') //返回false

js判断某个给定值是否在数组中的方法:

function isInArray(arr, val){

    var i, iLen

    if(!(arr instanceof Array) || arr.length === 0){

        return false

    }

    if(typeof Array.prototype.indexOf === 'function'){

        return !!~arr.indexOf(val)

    }

    for(i = 0, iLen = arr.length i < iLen i++){

        if(val === arr[i]){

            return true

        }

    }

    return false

}

isInArray([1,2,3,4,5],5)//true

isInArray([1,2,3,4,5],6)//false

isInArray([1,2,3,4,5],'5')//false

解释:

arr instanceof Array判断arr变量是否为数组,如果不是,则输入参数有误,返回false

arr.length === 0判断数组长度是否为0,如果是0,则无论给出哪个值,都不在数组中,返回false

typeof Array.prototype.indexOf === 'function'用来判断浏览器是否原生支持数组的indexOf方法,新版的浏览器都支持数组原生的indexOf,该函数用于获取给定值在数组中的位置信息,如果存在返回首次出现的位置下标,不存在返回-1

arr.indexOf(val)使用原生的方法判断val首次在arr中出现的下标,不存在返回-1

~为取反,只有在值为-1的时候,取反结果为0,其他情况都非零。

!!隐式转换,转为bool型,如果是0则转换后为false,否则为true

后面用循环判断数组每一个值与给定值是否完全相等(此处用===表示不仅数值相等,类型也要相等),如果相等返回true,否则循环结束后返回false