?javascript數(shù)組中的findIndex方法?
1findIndex()簡單介紹
findIndex()
方法返回傳入一個(gè)測試條件(函數(shù))符合條件的數(shù)組第一個(gè)元素位置。- 當(dāng)數(shù)組中的元素在測試條件時(shí)返回
true
時(shí),findIndex()
返回符合條件的元素的索引位置(注:find()返回的是元素),之后的值不會(huì)再調(diào)用執(zhí)行函數(shù)。如果沒有符合條件的元素返回 -1(注:find()返回的是undefined)。 findIndex()
與find()
的使用方法相同,findIndex()當(dāng)中的回調(diào)函數(shù)也是接收三個(gè)參數(shù),與find()相同。- findIndex()方法實(shí)現(xiàn)是通過循環(huán)遍歷查找。應(yīng)用場景廣泛,可以查找大于等于小于,表達(dá)式可以隨便寫。實(shí)際上相當(dāng)于一個(gè)for循環(huán),只不過找到了你不需要自己退出。
2編輯器
3代碼部分
// ? ? array.findIndex(function(currentValue, index, arr), // thisValue) // 參數(shù):一個(gè)函數(shù)和對(duì)象this // currentValue 必需。當(dāng)前元素 // index 可選。當(dāng)前元素的索引 // arr 可選。當(dāng)前元素所屬的數(shù)組對(duì)象 var ages = [3, 10, 18, 20]; //第一種方式 // 1. 當(dāng)數(shù)組中的元素在測試條件時(shí)返回 true 時(shí),? //findIndex() 返回符合條件的元素的索引位置 // 2.如果沒有符合條件的元素返回 -1 ?const index=ages.findIndex((item)=>{ ? ? ?return item >= 18; ?}); ?// index是2 ?console.log(index,"index")
4運(yùn)行結(jié)果
5總結(jié)
// array.findIndex(function(currentValue, index, arr), thisValue) // 參數(shù):一個(gè)函數(shù)和對(duì)象this // currentValue 必需。當(dāng)前元素 // index 可選。當(dāng)前元素的索引 // arr 可選。當(dāng)前元素所屬的數(shù)組對(duì)象
到此這篇關(guān)于 javascript數(shù)組中的findIndex方法 的文章就介紹到這了,更多相關(guān)findIndex方法 內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
layui實(shí)現(xiàn)左側(cè)菜單點(diǎn)擊右側(cè)內(nèi)容區(qū)顯示
這篇文章主要為大家詳細(xì)介紹了layui實(shí)現(xiàn)左側(cè)菜單點(diǎn)擊右側(cè)內(nèi)容區(qū)顯示,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-07-07JavaScript利用正則表達(dá)式來禁止鍵盤輸入數(shù)字
本文主要介紹了JavaScript利用正則表達(dá)式來禁止鍵盤輸入數(shù)字,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-06-06純css+js寫的一個(gè)簡單的tab標(biāo)簽頁帶樣式
最近經(jīng)常要用tab標(biāo)簽頁,于是就寫了一個(gè)簡單的tab標(biāo)簽頁,純css+js寫的,帶樣式。大家可以參考下2014-01-01java和javascript獲取word文檔的書簽位置對(duì)比
這篇文章主要介紹了java和javascript獲取word文檔的書簽位置代碼對(duì)比,需要的朋友可以參考下2014-06-06根據(jù)經(jīng)緯度計(jì)算地球上兩點(diǎn)之間的距離js實(shí)現(xiàn)代碼
最近用到了根據(jù)經(jīng)緯度計(jì)算地球表面兩點(diǎn)間距離的公式,然后就用JS實(shí)現(xiàn)了一下,根據(jù)地球是一個(gè)光滑的球面以及并不是一個(gè)真正的圓球體,而是橢球延伸出兩種方法,感興趣的你可以參考下2013-03-03uni-app和原生小程序混合開發(fā)的具體實(shí)現(xiàn)過程
最近項(xiàng)目中遇到了一些功能需要與原生進(jìn)行混合開發(fā),所以下面這篇文章主要給大家介紹了關(guān)于uni-app和原生小程序混合開發(fā)的具體實(shí)現(xiàn)過程,需要的朋友可以參考下2022-07-07JavaScript圖像放大鏡效果實(shí)現(xiàn)方法詳解
這篇文章主要介紹了JavaScript圖像放大鏡效果實(shí)現(xiàn)方法詳解,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-06-06