js判斷數(shù)組中是否包含某個(gè)值的4種方法總結(jié)
前言
在前端js中，經(jīng)常遇到需要判斷數(shù)據(jù)中是否包含某個(gè)值，下面介紹四種方法來(lái)講解怎么判斷數(shù)組中是否包含某個(gè)值。分別是 array.indexOf，array.includes，array.find，array.findeIndex。
有下面幾種方法可以實(shí)現(xiàn)：
方法一：array.indexOf
判斷數(shù)組中是否存在某個(gè)值，如果存在，則返回?cái)?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ù)制在第一個(gè)實(shí)例中，元素出現(xiàn)，并返回其位置，在第二個(gè)實(shí)例中，返回值表示元素不存在。
我們可以使用它來(lái)輕松地改變代碼流
let grades = ["B", "D", "C", "A"]
if (grades.indexOf("F") >= 0) {
console.log("元素存在");
} else {
console.log("元素不存在");
}方法二：array.includes(searcElement[,fromIndex])
此方法判斷數(shù)組中是否存在某個(gè)值，如果存在返回true，否則返回false
let arr=[1,2,3,4];
if(arr.includes(3))
console.log("存在");
else
console.log("不存在");
方法三：array.find(callback[,thisArg])
返回?cái)?shù)組中滿足條件的第一個(gè)元素的值，如果沒(méi)有，返回undefined
let arr=[1,2,3,4];
let result = arr.find(item =>{return item > 3});
console.log(result);
方法四：array.findeIndex(callback[,thisArg])
返回?cái)?shù)組中滿足條件的第一個(gè)元素的下標(biāo)，如果沒(méi)有找到，返回-1
let arr=[1,2,3,4];
let result = arr.findIndex(item =>{return item > 3});
console.log(result)總結(jié)
到此這篇關(guān)于js判斷數(shù)組中是否包含某個(gè)值的4種方法總結(jié)的文章就介紹到這了,更多相關(guān)js判斷數(shù)組包含某個(gè)值內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
- JS中判斷某個(gè)字符串是否包含另一個(gè)字符串的五種方法
- JS判斷數(shù)組是否包含某元素實(shí)現(xiàn)方法匯總
- JS如何判斷對(duì)象是否包含某個(gè)屬性
- JS實(shí)現(xiàn)判斷數(shù)組是否包含某個(gè)元素示例
- 編寫(xiě)js擴(kuò)展方法判斷一個(gè)數(shù)組中是否包含某個(gè)元素
- 使用js判斷數(shù)組中是否包含某一元素(類似于php中的in_array())
- JavaScript判斷一個(gè)字符串是否包含指定子字符串的方法
- JavaScript中判斷某個(gè)字符串、數(shù)組等是否包含某個(gè)值的五種方法
相關(guān)文章
javascript的列表切換【實(shí)現(xiàn)代碼】
下面小編就為大家?guī)?lái)一篇javascript的列表切換【實(shí)現(xiàn)代碼】。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。2016-05-05
基于Express框架使用POST傳遞Form數(shù)據(jù)
這篇文章主要為大家詳細(xì)介紹了基于Express框架使用POST傳遞Form數(shù)據(jù)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-08-08
js 將圖片連接轉(zhuǎn)換成base64格式的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇js 將圖片連接轉(zhuǎn)換成base64格式的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-08-08
javascript框架設(shè)計(jì)讀書(shū)筆記之字符串的擴(kuò)展和修復(fù)
本文是司徒正美的《javascript框架設(shè)計(jì)》的第三章第一節(jié)的讀書(shū)筆記，簡(jiǎn)單介紹了javascript字符串的擴(kuò)展和修復(fù)，小伙伴們參考下吧2014-12-12
解決JavaScript精度問(wèn)題的常見(jiàn)方法
在 JavaScript 中,處理浮點(diǎn)數(shù)時(shí)經(jīng)常會(huì)遇到精度丟失的問(wèn)題,這是由于 JavaScript 內(nèi)部采用 IEEE 754 標(biāo)準(zhǔn)表示浮點(diǎn)數(shù),導(dǎo)致某些小數(shù)無(wú)法精確表示,本文將介紹一些常見(jiàn)的方法來(lái)解決 JavaScript 中的精度問(wèn)題,并討論它們的優(yōu)缺點(diǎn),需要的朋友可以參考下2024-05-05
前端生成截圖技術(shù)多樣,html2canvas雖詳細(xì)但耗時(shí)且阻塞操作,而domtoimage使用流暢,支持多種圖片格式轉(zhuǎn)換,如png、jpg、svg等,并可獲取原始像素值,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-09-09
這篇文章主要介紹了如何在wxml中直接寫(xiě)js代碼(wxs),文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-11-11
如何寫(xiě)出一個(gè)驚艷面試官的JavaScript深拷貝
淺拷貝是面試中經(jīng)常會(huì)被問(wèn)到的問(wèn)題,這篇文章主要給大家介紹了關(guān)于如何寫(xiě)出一個(gè)驚艷面試官的JavaScript深拷貝的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-05-05
js實(shí)現(xiàn)翻頁(yè)后保持checkbox選中狀態(tài)的實(shí)現(xiàn)方法
在項(xiàng)目中有需求如下：上下分頁(yè)后，選中的checkbox狀態(tài)保持不變2012-11-11
這篇文章主要為大家詳細(xì)介紹了JavaScript如何實(shí)現(xiàn)提取PDF中的圖片和文字,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-11-11