?javascript數(shù)組中的findIndex方法?
更新時(shí)間：2022年03月15日 09:17:56 作者：前端歌謠
這篇文章主要介紹了javascript數(shù)組中的findIndex方法，findIndex()?方法返回傳入一個(gè)測試條件函數(shù)符合條件的數(shù)組第一個(gè)元素位置，下面更多相關(guān)資料，需要的小伙伴可以參考一下
1findIndex()簡單介紹
findIndex()方法返回傳入一個(gè)測試條件（函數(shù)）符合條件的數(shù)組第一個(gè)元素位置。- 當(dāng)數(shù)組中的元素在測試條件時(shí)返回
true時(shí),findIndex()返回符合條件的元素的索引位置（注：find()返回的是元素），之后的值不會再調(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ù)和對象this
// currentValue 必需。當(dāng)前元素
// index 可選。當(dāng)前元素的索引
// arr 可選。當(dāng)前元素所屬的數(shù)組對象
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ù)和對象this // currentValue 必需。當(dāng)前元素 // index 可選。當(dāng)前元素的索引 // arr 可選。當(dāng)前元素所屬的數(shù)組對象
到此這篇關(guān)于 javascript數(shù)組中的findIndex方法 的文章就介紹到這了,更多相關(guān)findIndex方法 內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要介紹了JavaScript邏輯And運(yùn)算符，在JavaScript中，邏輯 AND 運(yùn)算符用雙和號（&&）表示2015-12-12
判斷對象中是否有某屬性的常見方式總結(jié)，不同的場景要使用不同的方式。這篇文章給大家介紹了JavaScript 判斷對象中是否有某屬性的常用方法，非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友參考下吧2018-06-06
javascript中的類,繼承,構(gòu)造函數(shù)詳解
這篇文章主要為大家詳細(xì)介紹了javascript中的類,繼承,構(gòu)造函數(shù)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2022-02-02
這篇文章主要為大家詳細(xì)介紹了JavaScript純色二維碼變成彩色二維碼的方案，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-04-04
這篇文章主要介紹了js如何實(shí)現(xiàn)input的賦值問題,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-01-01
要進(jìn)行圖片編輯，最重要要能夠?qū)D片進(jìn)行裁剪。主要的實(shí)現(xiàn)分成兩部分，一部分是前端利用js進(jìn)行裁剪區(qū)域選擇，第二部分是利用PHP進(jìn)行后臺處理?，F(xiàn)在就跟大家分享一下。2016-08-08
深入理解JavaScript中實(shí)例對象和new命令
典型的面向?qū)ο缶幊陶Z言(比如C++和 Java),都有“類”(class)這個(gè)概念。所謂“類”就是對象的模板,對象就是“類”的實(shí)例,下面這篇文章主要給大家介紹了關(guān)于JavaScript中實(shí)例對象和new命令的相關(guān)資料,需要的朋友可以參考下2022-12-12
當(dāng)談到JavaScript編程中的高級概念和技巧時(shí),閉包（Closures）是一個(gè)重要而有趣的主題,閉包是一種函數(shù)與其創(chuàng)建時(shí)的詞法環(huán)境的組合,它允許我們捕獲和保留局部變量,并在函數(shù)之外使用它們,在這篇文章中,我們將深入探討JavaScript中閉包的4種有用技巧2023-10-10
基于打包工具Webpack進(jìn)行項(xiàng)目開發(fā)實(shí)例
這篇文章主要介紹了基于打包工具Webpack進(jìn)行項(xiàng)目開發(fā)實(shí)例，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-05-05
這篇文章主要為大家詳細(xì)介紹了JS控制TreeView的結(jié)點(diǎn)選擇,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-11-11