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

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

創(chuàng)新互聯(lián)公司成立與2013年，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項目網(wǎng)站設(shè)計制作、成都網(wǎng)站制作網(wǎng)站策劃，項目實施與項目整合能力。我們以讓每一個夢想脫穎而出為使命，1280元商河做網(wǎng)站,已為上家服務(wù),為商河各地企業(yè)和個人服務(wù),聯(lián)系電話:13518219792

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

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

因此，我們可以使用indexOf()函數(shù)來判斷數(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的元素，則會輸出“數(shù)組包含3”，否則輸出“數(shù)組不包含3”。

需要注意的是，indexOf()函數(shù)返回的索引值是從0開始的。因此，在使用indexOf()函數(shù)時，如果需要判斷是否包含一個元素時，需要判斷其是否等于-1。另外，在使用該函數(shù)時，需要注意數(shù)據(jù)類型的匹配，如果要搜索一個字符串，需要使用嚴(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)容改為了字符串，同時搜索的目標(biāo)也是一個字符串。如果在判斷時使用“==”運(yùn)算符，會得到錯誤的結(jié)果。

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

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

我們可以使用includes()函數(shù)來判斷數(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的元素，則會輸出“數(shù)組包含3”，否則輸出“數(shù)組不包含3”。

需要注意的是，includes()函數(shù)的返回值為true或false，不會返回元素在數(shù)組中的索引值。另外，在使用該函數(shù)時，需要注意數(shù)據(jù)類型的匹配，如果要搜索一個字符串，需要使用嚴(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ù)組提供了一個新的函數(shù)find()，它可以用來查找數(shù)組中滿足某個條件的元素。find()函數(shù)的參數(shù)是一個回調(diào)函數(shù)，該函數(shù)可以接受三個參數(shù)：元素值、元素索引、數(shù)組本身?；卣{(diào)函數(shù)需要返回一個布爾值，如果為true，則表示找到了滿足條件的元素，find()函數(shù)會返回該元素。如果回調(diào)函數(shù)返回false，則繼續(xù)查找。

我們可以使用find()函數(shù)來判斷數(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ù)來實現(xiàn)回調(diào)函數(shù)。箭頭函數(shù)的參數(shù)是item，代碼item === target表示查找是否包含目標(biāo)元素。如果數(shù)組arr中包含值為3的元素，則會輸出“數(shù)組包含3”，否則輸出“數(shù)組不包含3”。

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

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

網(wǎng)站欄目：JavaScript中怎么判斷數(shù)組是否包含某個值
URL網(wǎng)址：http://muchs.cn/article0/johcio.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App開發(fā)、建站公司、品牌網(wǎng)站建設(shè)、Google、App設(shè)計、網(wǎng)站改版

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)