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.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