亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

js判斷數組中是否包含某個值的4種方法總結

 更新時間:2023年11月11日 09:30:50   作者:Aries-s  
這篇文章主要給大家總結介紹了關于js判斷數組中是否包含某個值的4種方法,數組是我們編程中經常使用的的數據結構之一,在處理數組時我們經常需要在數組中查找特定的值,JavaScript 包含一些內置方法來檢查數組是否有特定的值或對象,需要的朋友可以參考下

前言

在前端js中,經常遇到需要判斷數據中是否包含某個值,下面介紹四種方法來講解怎么判斷數組中是否包含某個值。分別是 array.indexOf,array.includes,array.find,array.findeIndex。

有下面幾種方法可以實現:

方法一:array.indexOf

判斷數組中是否存在某個值,如果存在,則返回數組元素的下標,否則返回-1。

let arr=[1,2,3,4];
let index=arr.indexOf(3);
console.log(index);

Arrya.indexOf() 方法

在需要查找的元素的確切位置的情況下,可以使用indexOf(elem)方法,該方法在指定的數組中查找elem并返回其第一次出現的索引,如果數組不包含elem則返回-1。

例如,我們可以在包含 grade 的數組中查找第一次出現的 grade:

let grades = ["B", "D", "C", "A"]

grades.indexOf("A") // 3
grades.indexOf("F") // -1復制

在第一個實例中,元素出現,并返回其位置,在第二個實例中,返回值表示元素不存在。

我們可以使用它來輕松地改變代碼流

let grades = ["B", "D", "C", "A"]

if (grades.indexOf("F") >= 0) {
    console.log("元素存在");
} else {
    console.log("元素不存在");
}

方法二:array.includes(searcElement[,fromIndex])

此方法判斷數組中是否存在某個值,如果存在返回true,否則返回false

let arr=[1,2,3,4];
if(arr.includes(3))
    console.log("存在");
else
    console.log("不存在");

方法三:array.find(callback[,thisArg])

返回數組中滿足條件的第一個元素的值,如果沒有,返回undefined

let arr=[1,2,3,4];
let result = arr.find(item =>{return item > 3});
console.log(result);

方法四:array.findeIndex(callback[,thisArg])

返回數組中滿足條件的第一個元素的下標,如果沒有找到,返回-1

let arr=[1,2,3,4];
let result = arr.findIndex(item =>{return item > 3});
console.log(result)

總結 

到此這篇關于js判斷數組中是否包含某個值的4種方法總結的文章就介紹到這了,更多相關js判斷數組包含某個值內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!

相關文章

  • javascript的列表切換【實現代碼】

    javascript的列表切換【實現代碼】

    下面小編就為大家?guī)硪黄猨avascript的列表切換【實現代碼】。小編覺得挺不錯的,現在分享給大家,也給大家做個參考。
    2016-05-05
  • 基于Express框架使用POST傳遞Form數據

    基于Express框架使用POST傳遞Form數據

    這篇文章主要為大家詳細介紹了基于Express框架使用POST傳遞Form數據,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2019-08-08
  • js 將圖片連接轉換成base64格式的簡單實例

    js 將圖片連接轉換成base64格式的簡單實例

    下面小編就為大家?guī)硪黄猨s 將圖片連接轉換成base64格式的簡單實例。小編覺得挺不錯的,現在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-08-08
  • javascript框架設計讀書筆記之字符串的擴展和修復

    javascript框架設計讀書筆記之字符串的擴展和修復

    本文是司徒正美的《javascript框架設計》的第三章第一節(jié)的讀書筆記,簡單介紹了javascript字符串的擴展和修復,小伙伴們參考下吧
    2014-12-12
  • 解決JavaScript精度問題的常見方法

    解決JavaScript精度問題的常見方法

    在 JavaScript 中,處理浮點數時經常會遇到精度丟失的問題,這是由于 JavaScript 內部采用 IEEE 754 標準表示浮點數,導致某些小數無法精確表示,本文將介紹一些常見的方法來解決 JavaScript 中的精度問題,并討論它們的優(yōu)缺點,需要的朋友可以參考下
    2024-05-05
  • 前端使用domtoimage生成截圖的詳細步驟

    前端使用domtoimage生成截圖的詳細步驟

    前端生成截圖技術多樣,html2canvas雖詳細但耗時且阻塞操作,而domtoimage使用流暢,支持多種圖片格式轉換,如png、jpg、svg等,并可獲取原始像素值,文中通過代碼介紹的非常詳細,需要的朋友可以參考下
    2024-09-09
  • 如何在wxml中直接寫js代碼(wxs)

    如何在wxml中直接寫js代碼(wxs)

    這篇文章主要介紹了如何在wxml中直接寫js代碼(wxs),文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
    2019-11-11
  • 如何寫出一個驚艷面試官的JavaScript深拷貝

    如何寫出一個驚艷面試官的JavaScript深拷貝

    淺拷貝是面試中經常會被問到的問題,這篇文章主要給大家介紹了關于如何寫出一個驚艷面試官的JavaScript深拷貝的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下
    2022-05-05
  • js實現翻頁后保持checkbox選中狀態(tài)的實現方法

    js實現翻頁后保持checkbox選中狀態(tài)的實現方法

    在項目中有需求如下:上下分頁后,選中的checkbox狀態(tài)保持不變
    2012-11-11
  • JavaScript如何提取PDF中的圖片和文字

    JavaScript如何提取PDF中的圖片和文字

    這篇文章主要為大家詳細介紹了JavaScript如何實現提取PDF中的圖片和文字,文中的示例代碼講解詳細,感興趣的小伙伴可以跟隨小編一起學習一下
    2024-11-11

最新評論