js中判斷數組中是否包含某元素的方法

方法一：array.indexOf(item,start)：元素在數組中的位置,如果沒與搜索到則返回 -1。

參數	描述
item	必須。查找的元素。
start	可選的整數參數。規定在數組中開始檢索的位置。它的合法取值是 0 到 stringObject.length - 1。 如省略該參數，則將從字符串的首字符開始檢索。

 

實際用法：if(arr.indexOf(某元素) > -1){//則包含該元素}

var fruits = ["Banana", "Orange", "Apple", "Mango"];

var a = fruits.indexOf("Apple"); // 2

//以上輸出結果意味着 "Apple" 元素位於數組中的第 3 個位置。

　var fruits=["Banana","Orange","Apple","Mango","Banana","Orange","Apple"];
　var a = fruits.indexOf("Apple",4); //6
 //以上輸出結果意味在數組的第四個位置開始檢索：

　　注：string.indexOf()返回某個指定的字符串值在字符串中首次出現的位置。

1.該方法將從頭到尾地檢索字符串 stringObject，看它是否含有子串 searchvalue。開始檢索的位置在字符串的 fromindex 處或字符串的開頭（沒有指定 fromindex 時）。如果找到一個 searchvalue，則返回 searchvalue 的第一次出現的位置。

2. stringObject 中的字符位置是從 0 開始的。

3. 查找字符串最后出現的位置，使用 lastIndexOf() 方法。

 

JavaScript Array filter() 方法有類似的檢索功能：

　　filter() 方法創建一個新的數組，新數組中的元素是通過檢查指定數組中符合條件的所有元素。

　　注意： filter() 不會對空數組進行檢測。

　　注意： filter() 不會改變原始數組。

var ages = [32, 33, 16, 40];
function checkAdult(age) {
    return age == 16;
}
function myFunction() {
    ages.filter(checkAdult);
  console.log(ages.filter(checkAdult))
}
myFunction()

//[16]

var ages = [32, 33, 16, 40];
function checkAdult(age) {
    return age <= 14;
}
function myFunction() {
    ages.filter(checkAdult);
  console.log(ages.filter(checkAdult))
}
myFunction()

//[]

方法二：array.find()

數組實例的find()用於找出第一個符合條件的數組元素。它的參數是一個回調函數，所有數組元素依次遍歷該回調函數，直到找出第一個返回值為true的元素，然后返回該元素，否則返回undefined。

find() 方法返回通過測試（函數內判斷）的數組的第一個元素的值。

find() 方法為數組中的每個元素都調用一次函數執行：

• 當數組中的元素在測試條件時返回 true 時, find() 返回符合條件的元素，之后的值不會再調用執行函數。
• 如果沒有符合條件的元素返回 undefined

注意: find() 對於空數組，函數是不會執行的。

注意: find() 並沒有改變數組的原始值。

[1, 5, 10, 15].find(function(value, index, arr) {
return value > 9;
}) 

// 10

//實際用法：

arr.find(function(value) {

if(value === 要查找的值) {

//則包含該元素
}
})

方法三：array.findIndex()

array.findIndex()和array.find()十分類似，返回第一個符合條件的數組元素的位置，如果所有元素都不符合條件，則返回-1。
findIndex() 方法為數組中的每個元素都調用一次函數執行：

當數組中的元素在測試條件時返回 true 時, findIndex() 返回符合條件的元素的索引位置，之后的值不會再調用執行函數。
如果沒有符合條件的元素返回 -1

注意: findIndex() 對於空數組，函數是不會執行的。
注意: findIndex() 並沒有改變數組的原始值

var ages = [3, 10, 18, 20];
 
function checkAdult(age) {
    return age >= 18;
}
 
function myFunction() {
    console.log(ages.findIndex(checkAdult)) ;
}
myFunction()

//2

方法二和方法三，這兩個方法都可以發現NaN，彌補了方法一IndexOf()的不足

[NaN].2.dexOf(NaN) 
//-1

[Na3..findIndex(y => Object.is(NaN, y))
// 0

 

方法四：for()循環

遍歷數組，然后 if 判斷

var arr = [1, 5, 10, 15];

//傳統for

for(let i=0; i<arr.length; i++) {

if(arr[i] === 查找值) {

//則包含該元素
}
}
// for...of

for(v of arr) {

if(v === 查找值) {

//則包含該元素
}
}
//forEach

arr.forEach(v=>{

if(v === 查找值) {

//則包含該元素
}
})

方法五：就是使用jquery的inArray方法，該方法返回元素在數組中的下標，如果不存在與數組中，那么返回－１，代碼如下所示：
/**
* 使用jquery的inArray方法判斷元素是否存在於數組中
* @param {Object} arr 數組
* @param {Object} value 元素值
*/

function isInArray2(arr,value){
var index = $.inArray(value,arr);
if(index >= 0){
return true;
}
return false;
}

方法六、include()方法：

arr.includes(searchElement)方法用來判斷一個數組是否包含一個指定的值，如果是返回 true，否則false。searchElement:必須。需要查找的元素值。

let site = ['runoob', 'google', 'taobao'];
 
site.includes('runoob'); 
// true 
 
site.includes('baidu'); 
// false

例子	結果
[1, 2, 3].includes(2);	//true
[1, 2, 3].includes(4);	// false
[1, 2, 3].includes(3, 3);	// false
[1, 2, 3].includes(3, -1);	//true
[1, 2, NaN].includes(NaN);	//true

arr.includes(searchElement, fromIndex).fromIndex:可選。

從該索引處開始查找 searchElement。如果為負值，則按升序從 array.length + fromIndex 的索引開始搜索。默認為 0。

var arr = ['a', 'b', 'c'];
注意：如果fromIndex 大於等於數組長度 ，則返回 false 。該數組不會被搜索 
arr.includes('c', 3);   //false
arr.includes('c', 100); // false

注意：如果 fromIndex 為負值，計算出的索引將作為開始搜索searchElement的位置。如果計算出的索引小於 0，則整個數組都會被搜索。
// 數組長度是3
// fromIndex 是 -100
// computed index 是 3 + (-100) = -97
arr.includes('a', -100); // true
arr.includes('b', -100); // true
arr.includes('c', -100); // true

 

方法七.Array some() 方法，類似於filter()

some() 方法用於檢測數組中的元素是否滿足指定條件（函數提供）。

some() 方法會依次執行數組的每個元素：

如果有一個元素滿足條件，則表達式返回true , 剩余的元素不會再執行檢測。
如果沒有滿足條件的元素，則返回false。
注意： some() 不會對空數組進行檢測。

注意： some() 不會改變原始數組。

var ages = [3, 10, 18, 20];
function checkAdult(age) {
    return age == 18;
}
function myFunction() {
    console.log(ages.some(checkAdult));
}
myFunction() 

//true

方法八、Jquery的$.each()
each() 方法為每個匹配元素規定要運行的函數。

var anArray = ['one','two','three'];
       $.each(anArray,function(n,value){
           if(value=="one"){
            console.log("one存在於數組中");
        }
    }
 );
//one存在於數組中