JS如何檢查數(shù)組是不是存在給定元素

小編給大家分享一下JS如何檢查數(shù)組是不是存在給定元素，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

方法1：利用for循環(huán)

實(shí)現(xiàn)思想：利用for語句來遍歷數(shù)組，在每次循環(huán)中利用===判斷數(shù)組元素是否為給定值，當(dāng)有第一個(gè)元素滿足條件，則數(shù)組中存在給定元素，給出提示，然后使用break語句退出整個(gè)循環(huán)。

下面通過實(shí)例來具體了解一下：判斷fruits數(shù)組中是否包含給定元素“榴蓮”

var fruits = ['蘋果',"香蕉", '榴蓮', '橘子', '菠蘿蜜',"梨子"];
for(var i=0;i<fruits.length;i++){
	if (fruits[i] === "榴蓮") {
		console.log("指定元素‘ "+fruits[i]+" ’是存在的");
		break;
	}
}

輸出結(jié)果為：

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

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

語法：arr.includes(searchElement [, fromIndex])

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

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

下面通過實(shí)例來具體了解一下：判斷fruits數(shù)組中是否包含給定元素“榴蓮”

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

輸出結(jié)果為：

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

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

語法：array.every(function callbackfn(Value,index,array),thisValue)

下面通過實(shí)例來具體了解一下：

function f(value, index, ar) {
    if (value === '橘子') {
        return true;
    }
}
var fruits = ['蘋果',"香蕉", '榴蓮', '橘子', '菠蘿蜜',"梨子"];
var b = fruits.some(f);

if (b) {
	console.log("給定元素是存在的");
} else {
	console.log("給定元素是不存在的");
}

輸出結(jié)果為：

給定元素是存在的

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

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

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

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

var fruits = ['蘋果',"香蕉", '榴蓮', '橘子', '菠蘿蜜',"梨子"];
var b = fruits.indexOf("橘子");

if (b>0) {
	console.log("給定元素是存在的");
} else {
	console.log("給定元素是不存在的");
}

輸出結(jié)果為：

給定元素是存在的

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

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

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

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

var fruits = ['蘋果',"香蕉", '榴蓮', '橘子', '菠蘿蜜',"梨子"];
var b = fruits.lastIndexOf("葡萄");

if (b>0) {
	console.log("給定元素是存在的");
} else {
	console.log("給定元素是不存在的");
}

輸出結(jié)果為：

給定元素是不存在的

以上是“JS如何檢查數(shù)組是不是存在給定元素”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！