js判斷數(shù)組中是否包含某個值的4種方法總結(jié)
前言
在前端js中，經(jīng)常遇到需要判斷數(shù)據(jù)中是否包含某個值，下面介紹四種方法來講解怎么判斷數(shù)組中是否包含某個值。分別是 array.indexOf，array.includes，array.find，array.findeIndex。
有下面幾種方法可以實(shí)現(xiàn)：
方法一：array.indexOf
判斷數(shù)組中是否存在某個值，如果存在，則返回數(shù)組元素的下標(biāo)，否則返回-1。
let arr=[1,2,3,4]; let index=arr.indexOf(3); console.log(index);
Arrya.indexOf() 方法
在需要查找的元素的確切位置的情況下，可以使用indexOf(elem)方法，該方法在指定的數(shù)組中查找elem并返回其第一次出現(xiàn)的索引，如果數(shù)組不包含elem則返回-1。
例如，我們可以在包含 grade 的數(shù)組中查找第一次出現(xiàn)的 grade:
let grades = ["B", "D", "C", "A"]
grades.indexOf("A") // 3
grades.indexOf("F") // -1復(fù)制在第一個實(shí)例中，元素出現(xiàn)，并返回其位置，在第二個實(shí)例中，返回值表示元素不存在。
我們可以使用它來輕松地改變代碼流
let grades = ["B", "D", "C", "A"]
if (grades.indexOf("F") >= 0) {
console.log("元素存在");
} else {
console.log("元素不存在");
}方法二：array.includes(searcElement[,fromIndex])
此方法判斷數(shù)組中是否存在某個值，如果存在返回true，否則返回false
let arr=[1,2,3,4];
if(arr.includes(3))
console.log("存在");
else
console.log("不存在");
方法三：array.find(callback[,thisArg])
返回數(shù)組中滿足條件的第一個元素的值，如果沒有，返回undefined
let arr=[1,2,3,4];
let result = arr.find(item =>{return item > 3});
console.log(result);
方法四：array.findeIndex(callback[,thisArg])
返回數(shù)組中滿足條件的第一個元素的下標(biāo)，如果沒有找到，返回-1
let arr=[1,2,3,4];
let result = arr.findIndex(item =>{return item > 3});
console.log(result)總結(jié)
到此這篇關(guān)于js判斷數(shù)組中是否包含某個值的4種方法總結(jié)的文章就介紹到這了,更多相關(guān)js判斷數(shù)組包含某個值內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
js 實(shí)現(xiàn)錨點(diǎn)跳轉(zhuǎn)示例解析
這篇文章主要為大家介紹了js實(shí)現(xiàn)錨點(diǎn)跳轉(zhuǎn)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-07-07
js實(shí)現(xiàn)會跳動的日歷效果(完整實(shí)例)
下面小編就為大家?guī)硪黄猨s實(shí)現(xiàn)會跳動的日歷效果(完整實(shí)例)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-10-10
使用layui的router來進(jìn)行傳參的實(shí)現(xiàn)方法
今天小編就為大家分享一篇使用layui的router來進(jìn)行傳參的實(shí)現(xiàn)方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
由于誤操作比較多，有時沒有選中文本框，然后不小心按了退格之后，剛剛辛苦填好的表單就什么也后退的沒有了，針對這個問題，本文給出了詳細(xì)的解決方法，需要朋友不要錯過2013-11-11
JavaScript第一篇之實(shí)現(xiàn)按鈕全選、功能
這篇文章主要介紹了JavaScript第一篇之實(shí)現(xiàn)按鈕全選、功能的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-08-08
Bootstrap中的fileinput 多圖片上傳及編輯功能
這篇文章主要介紹了Bootstrap中的fileinput 多圖片上傳及編輯功能的實(shí)現(xiàn),非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-09-09
隨機(jī)顏色如何獲取，在本文將為大家介紹下如何使用js來獲取，感興趣的朋友可以參考下2013-09-09
JavaScript實(shí)現(xiàn)瀏覽器文本復(fù)制到剪貼板功能
在 Web 開發(fā)中,復(fù)制文本到剪貼板是一個常見需求,現(xiàn)代瀏覽器提供了 navigator.clipboard API,但存在兼容性和安全上下文的限制,傳統(tǒng)的 document.execCommand('copy') 雖然兼容性更好,但使用方式較為繁瑣,所以本文給大家介紹了JavaScript如何實(shí)現(xiàn)瀏覽器文本復(fù)制到剪貼板功能2026-05-05
js實(shí)現(xiàn)window.open不被攔截的解決方法匯總
這篇文章主要介紹了js實(shí)現(xiàn)window.open不被攔截的解決方法,實(shí)例匯總了常用的不被攔截的解決方法,需要的朋友可以參考下2014-10-10
在?JavaScript?中,NaN（Not-a-Number）表示一個無效的數(shù)字值,通常,它出現(xiàn)在嘗試將無法轉(zhuǎn)換為數(shù)字的值與數(shù)字進(jìn)行運(yùn)算時,本文主要來聊聊如何處理JavaScript中的NaN,感興趣的可以了解下2025-01-01