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