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