javascript如何查找指定數(shù)組元素是否存在

今天小編給大家分享一下javascript如何查找指定數(shù)組元素是否存在的相關(guān)知識點，內(nèi)容詳細，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。

4種方法：1、用includes()檢測，語法“數(shù)組.includes(元素值)”；2、用some()檢測，語法“function f(v) {if (v===值) {return true;}}var b= 數(shù)組.some(f);”；3、用indexOf()檢測，語法“數(shù)組.indexOf(值)”；4、用lastIndexOf()，語法“數(shù)組.lastIndexOf(值)”。

本教程操作環(huán)境：windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。

方法1：利用數(shù)組的includes() 方法

includes() 方法用來判斷一個數(shù)組是否包含一個指定的值，如果是返回 true，否則false。

arr.includes(searchElement [, fromIndex])

• searchElement 必須。需要查找的元素值。

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

示例：判斷fruits數(shù)組中是否包含給定元素“榴蓮”

var fruits = ['蘋果',"香蕉", '榴蓮', '橘子', '菠蘿蜜',"梨子"];
if(fruits.includes('榴蓮')){
	console.log("給定元素是存在的");
}else{
	console.log("給定元素是不存在的");
}

方法2：利用數(shù)組的some()方法

some()方法可以檢測數(shù)組中是否存在符合條件的元素。換個角度思考，也可以用來檢測數(shù)組中的所有元素是否都不符合指定條件，都不符合的話就返回 false，有一個或者多個符合的話就返回 true。

array.every(function callbackfn(Value,index,array),thisValue)

返回值：布爾值。如果數(shù)組中有元素滿足條件返回 true，否則返回 false。    

示例：

function f(value, index, ar) {
    if (value === '橘子') {
        return true;
    }
}
var fruits = ['蘋果',"香蕉", '榴蓮', '橘子', '菠蘿蜜',"梨子"];
var b = fruits.some(f);
if (b) {
   console.log("給定元素是存在的");
} else {
   console.log("給定元素是不存在的");
}

輸出結(jié)果為：

方法3：利用數(shù)組的indexOf()方法

indexOf() 方法可返回數(shù)組中某個指定元素的第一次出現(xiàn)位置。如果要檢索的元素沒有出現(xiàn)，則該方法返回 -1。

array.indexOf(item,start)

實現(xiàn)思想：利用該方法檢查指定值在數(shù)組的第一次出現(xiàn)位置，如果位置是存在的，則包含該給定元素。如果返回-1，則不包含該給定元素。

下面給出實現(xiàn)代碼：

var fruits = ['蘋果',"香蕉", '榴蓮', '橘子', '菠蘿蜜',"梨子"];
var b = fruits.indexOf("桃子");
if (b>0) {
   console.log("給定元素是存在的");
} else {
   console.log("給定元素是不存在的");
}

輸出結(jié)果為：

方法4：利用數(shù)組的lastIndexOf()方法

lastIndexOf()方法可搜索數(shù)組中的元素，并返回它最后出現(xiàn)的位置。如果要檢索的元素沒有出現(xiàn)，則該方法返回 -1。

array.lastIndexOf(item,start)

實現(xiàn)思想：利用該方法檢查指定值在數(shù)組的最后出現(xiàn)位置，如果位置是存在的，則包含該給定元素；如果返回-1，則不包含該給定元素。

下面給出實現(xiàn)代碼：：

var fruits = ['蘋果',"香蕉", '榴蓮', '橘子', '菠蘿蜜',"梨子"];
var b = fruits.lastIndexOf("葡萄");
if (b>0) {
   console.log("給定元素是存在的");
} else {
   console.log("給定元素是不存在的");
}

輸出結(jié)果為：

以上就是“javascript如何查找指定數(shù)組元素是否存在”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學(xué)習(xí)更多的知識，請關(guān)注億速云行業(yè)資訊頻道。