?javascript數(shù)組中的findIndex方法?
1findIndex()簡(jiǎn)單介紹
findIndex()
方法返回傳入一個(gè)測(cè)試條件(函數(shù))符合條件的數(shù)組第一個(gè)元素位置。- 當(dāng)數(shù)組中的元素在測(cè)試條件時(shí)返回
true
時(shí),findIndex()
返回符合條件的元素的索引位置(注:find()返回的是元素),之后的值不會(huì)再調(diào)用執(zhí)行函數(shù)。如果沒(méi)有符合條件的元素返回 -1(注:find()返回的是undefined)。 findIndex()
與find()
的使用方法相同,findIndex()當(dāng)中的回調(diào)函數(shù)也是接收三個(gè)參數(shù),與find()相同。- findIndex()方法實(shí)現(xiàn)是通過(guò)循環(huán)遍歷查找。應(yīng)用場(chǎng)景廣泛,可以查找大于等于小于,表達(dá)式可以隨便寫(xiě)。實(shí)際上相當(dāng)于一個(gè)for循環(huán),只不過(guò)找到了你不需要自己退出。
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ù)組中的元素在測(cè)試條件時(shí)返回 true 時(shí),? //findIndex() 返回符合條件的元素的索引位置 // 2.如果沒(méi)有符合條件的元素返回 -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)文章
JavaScript 數(shù)組去重并統(tǒng)計(jì)重復(fù)元素出現(xiàn)的次數(shù)實(shí)例
下面小編就為大家分享一篇JavaScript 數(shù)組去重并統(tǒng)計(jì)重復(fù)元素出現(xiàn)的次數(shù)實(shí)例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2017-12-12Webpack常見(jiàn)靜態(tài)資源處理-模塊加載器(Loaders)+ExtractTextPlugin插件
這篇文章主要介紹了Webpack常見(jiàn)靜態(tài)資源處理-模塊加載器(Loaders)+ExtractTextPlugin插件,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-06-06用JavaScript對(duì)JSON進(jìn)行模式匹配(Part 1-設(shè)計(jì))
在《從 if else 到 switch case 再到抽象》這篇文章里面說(shuō)到,解決 if else 和 switch case 分支過(guò)多的一個(gè)方法,就是做一個(gè)專(zhuān)用的 dispatcher ,讓它來(lái)負(fù)責(zé)進(jìn)行篩選與轉(zhuǎn)發(fā)。2010-07-07前端常見(jiàn)的時(shí)間轉(zhuǎn)換方法以及獲取當(dāng)前時(shí)間方法小結(jié)
在做開(kāi)發(fā)時(shí)會(huì)對(duì)不同的時(shí)間格式進(jìn)行轉(zhuǎn)換,下面這篇文章主要給大家介紹了關(guān)于前端常見(jiàn)的時(shí)間轉(zhuǎn)換方法以及獲取當(dāng)前時(shí)間方法的相關(guān)資料,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-01-01利用JavaScript實(shí)現(xiàn)網(wǎng)頁(yè)版2048小游戲
這篇文章主要介紹了如何利用HTML+CSS+JS編寫(xiě)一個(gè)網(wǎng)頁(yè)版的2048小游戲,代碼簡(jiǎn)單易懂對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-11-11javascript的函數(shù)、創(chuàng)建對(duì)象、封裝、屬性和方法、繼承
從一開(kāi)始接觸到j(luò)s就感覺(jué)好靈活,每個(gè)人的寫(xiě)法都不一樣,比如一個(gè)function就有N種寫(xiě)法2011-03-03