JS如何檢查數組是不是存在給定元素

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

方法1：利用for循環

實現思想：利用for語句來遍歷數組，在每次循環中利用===判斷數組元素是否為給定值，當有第一個元素滿足條件，則數組中存在給定元素，給出提示，然后使用break語句退出整個循環。

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

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

輸出結果為：

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

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

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

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

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

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

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

輸出結果為：

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

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

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

下面通過實例來具體了解一下：

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

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

輸出結果為：

給定元素是存在的

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

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

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

下面給出實現代碼：

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

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

輸出結果為：

給定元素是存在的

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

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

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

下面給出實現代碼：：

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

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

輸出結果為：

給定元素是不存在的

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