快捷導(dǎo)航

JS判斷元素是否在數(shù)組內(nèi)的實(shí)現(xiàn)代碼

更新時(shí)間：2016年03月30日 23:46:15 作者：jumtre

這篇文章主要介紹了JS判斷元素是否在數(shù)組內(nèi)的實(shí)現(xiàn)代碼,需要的朋友可以參考下

一、JQuery

如果是用JQuery的話，可以用inArray()函數(shù)：

jquery inarray()函數(shù)詳解
jquery.inarray(value,array)
確定第一個(gè)參數(shù)在數(shù)組中的位置(如果沒有找到則返回 -1 )。

determine the index of the first parameter in the array (-1 if not found).
返回值
jquery
參數(shù)
value (any) : 用于在數(shù)組中查找是否存在
array (array) : 待處理數(shù)組。

用法為：

復(fù)制代碼代碼如下:

$.inArray(value, array)

二、自己寫函數(shù)

function contains(arr, obj) {
  var i = arr.length;
  while (i--) {
    if (arr[i] === obj) {
      return true;
    }
  }
  return false;
}

用法為：

復(fù)制代碼代碼如下:

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

contains(arr, 2);//返回true

contains(arr, 4);//返回false

三、給Array增加一個(gè)函數(shù)

Array.prototype.contains = function (obj) {
  var i = this.length;
  while (i--) {
    if (this[i] === obj) {
      return true;
    }
  }
  return false;
}

使用方法：

復(fù)制代碼代碼如下:

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

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

四、使用indexOf

但是有個(gè)問題是IndexOf在某些IE版本中是不兼容的，可以用下面的方法：

if (!Array.indexOf) {
  Array.prototype.indexOf = function (obj) {
    for (var i = 0; i < this.length; i++) {
      if (this[i] == obj) {
        return i;
      }
    }
    return -1;
  }
}

先判斷Array是否有indexOf方法，如果沒有就擴(kuò)展出此方法。

所以上面代碼要寫在使用indexOf方法的代碼之前：

var arr = new Array('1', '2', '3');
if (!Array.indexOf) {
  Array.prototype.indexOf = function (obj) {
    for (var i = 0; i < this.length; i++) {
      if (this[i] == obj) {
        return i;
      }
    }
    return -1;
  }
}
var index = arr.indexOf('1');//為index賦值為0

您可能感興趣的文章:

相關(guān)文章

JS多個(gè)矩形塊選擇效果代碼(模擬CS結(jié)構(gòu))
非常不錯(cuò)的可以選擇多個(gè)矩形塊的功能代碼
2008-11-11
詳解JavaScript的內(nèi)置對(duì)象
本文對(duì)JavaScript對(duì)象的屬性、對(duì)象的方法、對(duì)象的屬性、訪問對(duì)象屬性的語法進(jìn)行了實(shí)例分析介紹，有需要的朋友可以看下
2016-12-12
用javascript實(shí)現(xiàn)自動(dòng)輸出網(wǎng)頁文本
這篇文章主要介紹了用javascript實(shí)現(xiàn)自動(dòng)輸出網(wǎng)頁文本，用到兩個(gè)函數(shù)：setTimeout(),遞歸和String.substring();,需要的朋友可以參考下
2015-07-07
源碼分析Django的message組件
這篇文章主要介紹了源碼分析Django的message組件,本文通過示例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2023-05-05
js右下角彈出提示框示例代碼
這篇文章主要介紹了js右下角彈出提示框示例代碼，即網(wǎng)頁右下角彈出廣告信息框?qū)嵗a，感興趣的小伙伴們可以參考一下
2016-01-01
Javascript 多瀏覽器兼容性問題及解決方案
不論是網(wǎng)站應(yīng)用還是學(xué)習(xí)js,大家很注重ie與firefox等瀏覽器的兼容性問題，畢竟這兩中瀏覽器是占了絕大多數(shù)。
2009-12-12
JavaScript深拷貝與淺拷貝實(shí)現(xiàn)詳解
深拷貝和淺拷貝是面試中經(jīng)常出現(xiàn)的,主要考察對(duì)基本類型和引用類型的理解深度,這篇文章主要給大家介紹了關(guān)于js深拷貝和淺拷貝的相關(guān)資料,需要的朋友可以參考下
2022-11-11
webstorm中配置Eslint的兩種方式及差異比較詳解
這篇文章主要介紹了webstorm中配置Eslint的兩種方式及差異比較詳解，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2018-10-10
Next項(xiàng)目路徑添加指定的訪問前綴方法詳解
這篇文章主要介紹了Next項(xiàng)目路徑添加指定的訪問前綴方法詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-03-03
解決包含在label標(biāo)簽下的checkbox在ie8及以下版本點(diǎn)擊事件無效果兼容的問題
這篇文章主要介紹了解決包含在label標(biāo)簽下的checkbox在ie8及以下版本點(diǎn)擊事件無效果兼容的問題,本文給大家總結(jié)的非常詳細(xì)，需要的朋友可以參考下
2019-10-10