這個是整理過的:https://www.cnblogs.com/yunshangwuyou/p/10539090.html
方法一:arr.indexOf(某元素):未找到則返回 -1。
實際用法:if(arr.indexOf(某元素) > -1){//則包含該元素}
例:
var fruits = ["Banana", "Orange", "Apple", "Mango"];
var a = fruits.indexOf("Apple"); // 2
//以上輸出結果意味着 "Apple" 元素位於數組中下標為 2 的位置。
indexOf()完整語法:
array.indexOf(item,start)
參數:
item:必須。查找的元素。
start:可選的整數參數。規定在字符串中開始檢索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略該參數,則將從字符串的首字符開始檢索。
例:
1.var fruits=["Banana","Orange","Apple","Mango","Banana","Orange","Apple"];
2.var a = fruits.indexOf("Apple",4); // 6
注:string.indexOf()返回某個指定的字符串值在字符串中首次出現的位置。
1.該方法將從頭到尾地檢索字符串 stringObject,看它是否含有子串 searchvalue。開始檢索的位置在字符串的 fromindex 處或字符串的開頭(沒有指定 fromindex 時)。如果找到一個 searchvalue,則返回 searchvalue 的第一次出現的位置。
-
stringObject 中的字符位置是從 0 開始的。
-
查找字符串最后出現的位置,使用 lastIndexOf() 方法。
方法二:arr.find()
數組實例的find()用於找出第一個符合條件的數組元素。它的參數是一個回調函數,所有數組元素依次遍歷該回調函數,直到找出第一個返回值為true的元素,然后返回該元素,否則返回undefined。
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() 並沒有改變數組的原始值
[1,5,10,15].findIndex(function(value, index, arr) {
return value > 9;
}) // 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方法,該方法返回元素在數組中的下標,如果不存在與數組中,那么返回-1,代碼如下所示:
/**
- 使用jquery的inArray方法判斷元素是否存在於數組中
- @param {Object} arr 數組
- @param {Object} value 元素值
*/
function isInArray2(arr,value){
var index = $.inArray(value,arr);
if(index >= 0){
return true;
}
return false;
}
