DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JS判斷元素是否在數組內的實現代碼
JS判斷元素是否在數組內的實現代碼
編輯:關於JavaScript     

一、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

四、使用indexOf

但是有個問題是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方法,如果沒有就擴展出此方法。

所以上面代碼要寫在使用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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved