JavaScript中怎么判斷數(shù)組是否包含某個(gè)值

這篇文章主要介紹“JavaScript中怎么判斷數(shù)組是否包含某個(gè)值”的相關(guān)知識(shí)，小編通過(guò)實(shí)際案例向大家展示操作過(guò)程，操作方法簡(jiǎn)單快捷，實(shí)用性強(qiáng)，希望這篇“JavaScript中怎么判斷數(shù)組是否包含某個(gè)值”文章能幫助大家解決問(wèn)題。

方法一：使用indexOf()函數(shù)

indexOf()函數(shù)是JavaScript數(shù)組提供的一個(gè)內(nèi)置函數(shù)，它可以用來(lái)搜索一個(gè)特定的值在數(shù)組中的位置。當(dāng)搜索到該值時(shí)，函數(shù)返回該值在數(shù)組中的索引位置。如果數(shù)組中沒(méi)有該值，則返回-1。

因此，我們可以使用indexOf()函數(shù)來(lái)判斷數(shù)組是否包含某個(gè)值。具體實(shí)現(xiàn)如下：

let arr = [1, 2, 3, 4, 5];
let target = 3;
if (arr.indexOf(target) !== -1) {
  console.log("數(shù)組包含" + target);
} else {
  console.log("數(shù)組不包含" + target);
}

上述代碼中，如果數(shù)組arr中包含值為3的元素，則會(huì)輸出“數(shù)組包含3”，否則輸出“數(shù)組不包含3”。

需要注意的是，indexOf()函數(shù)返回的索引值是從0開(kāi)始的。因此，在使用indexOf()函數(shù)時(shí)，如果需要判斷是否包含一個(gè)元素時(shí)，需要判斷其是否等于-1。另外，在使用該函數(shù)時(shí)，需要注意數(shù)據(jù)類型的匹配，如果要搜索一個(gè)字符串，需要使用嚴(yán)格相等運(yùn)算符(===)，如下代碼所示：

let arr = ["apple", "banana", "orange"];
let target = "banana";
if (arr.indexOf(target) !== -1) {
  console.log("數(shù)組包含" + target);
} else {
  console.log("數(shù)組不包含" + target);
}

上述代碼中，我們將數(shù)組中的內(nèi)容改為了字符串，同時(shí)搜索的目標(biāo)也是一個(gè)字符串。如果在判斷時(shí)使用“==”運(yùn)算符，會(huì)得到錯(cuò)誤的結(jié)果。

方法二：使用includes()函數(shù)

includes()函數(shù)是JavaScript數(shù)組提供的另一種內(nèi)置函數(shù)，它可以用來(lái)判斷一個(gè)數(shù)組是否包含某個(gè)元素。includes()函數(shù)的返回值為一個(gè)布爾值，如果數(shù)組中包含該元素，則返回true，否則返回false。

我們可以使用includes()函數(shù)來(lái)判斷數(shù)組是否包含某個(gè)值。具體實(shí)現(xiàn)如下：

let arr = [1, 2, 3, 4, 5];
let target = 3;
if (arr.includes(target)) {
  console.log("數(shù)組包含" + target);
} else {
  console.log("數(shù)組不包含" + target);
}

上述代碼中，如果數(shù)組arr中包含值為3的元素，則會(huì)輸出“數(shù)組包含3”，否則輸出“數(shù)組不包含3”。

需要注意的是，includes()函數(shù)的返回值為true或false，不會(huì)返回元素在數(shù)組中的索引值。另外，在使用該函數(shù)時(shí)，需要注意數(shù)據(jù)類型的匹配，如果要搜索一個(gè)字符串，需要使用嚴(yán)格相等運(yùn)算符(===)，如下代碼所示：

let arr = ["apple", "banana", "orange"];
let target = "banana";
if (arr.includes(target)) {
  console.log("數(shù)組包含" + target);
} else {
  console.log("數(shù)組不包含" + target);
}

方法三：使用ES6的find()函數(shù)

在ES6中，JavaScript數(shù)組提供了一個(gè)新的函數(shù)find()，它可以用來(lái)查找數(shù)組中滿足某個(gè)條件的元素。find()函數(shù)的參數(shù)是一個(gè)回調(diào)函數(shù)，該函數(shù)可以接受三個(gè)參數(shù)：元素值、元素索引、數(shù)組本身?；卣{(diào)函數(shù)需要返回一個(gè)布爾值，如果為true，則表示找到了滿足條件的元素，find()函數(shù)會(huì)返回該元素。如果回調(diào)函數(shù)返回false，則繼續(xù)查找。

我們可以使用find()函數(shù)來(lái)判斷數(shù)組是否包含某個(gè)值。具體實(shí)現(xiàn)如下：

let arr = [1, 2, 3, 4, 5];
let target = 3;
if (arr.find(item => item === target)) {
  console.log("數(shù)組包含" + target);
} else {
  console.log("數(shù)組不包含" + target);
}

上述代碼中，我們使用了箭頭函數(shù)來(lái)實(shí)現(xiàn)回調(diào)函數(shù)。箭頭函數(shù)的參數(shù)是item，代碼item === target表示查找是否包含目標(biāo)元素。如果數(shù)組arr中包含值為3的元素，則會(huì)輸出“數(shù)組包含3”，否則輸出“數(shù)組不包含3”。

需要注意的是，find()函數(shù)返回的是查找到的元素，如果沒(méi)找到則返回undefined。另外，在使用該函數(shù)時(shí)，需要注意回調(diào)函數(shù)的語(yǔ)法，如果回調(diào)函數(shù)不返回或者返回false，則會(huì)查找到第一個(gè)undefined元素，這可能會(huì)導(dǎo)致不正確的結(jié)果。

關(guān)于“JavaScript中怎么判斷數(shù)組是否包含某個(gè)值”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)，可以關(guān)注億速云行業(yè)資訊頻道，小編每天都會(huì)為大家更新不同的知識(shí)點(diǎn)。