目錄
- 一、find方法
- 二、findIndex方法
- 三、indexof方法
- 四、三者區(qū)別：
- 五、實(shí)際使用
一、find方法
find方法是ES6引入的一種數(shù)組方法，可以用來查找數(shù)組中符合條件的元素。
語法是：
array.find(callback(element[, index[, array]])[, thisArg])
callback是一個(gè)函數(shù)，用來測(cè)試每個(gè)元素是否符合條件。callback函數(shù)接收三個(gè)參數(shù)，分別是當(dāng)前遍歷的元素、元素的索引、原數(shù)組本身。當(dāng)找到符合條件的元素時(shí)，find方法會(huì)返回該元素的值。如果沒有找到符合條件的元素，則返回undefined。
例如：使用find方法查找數(shù)組中第一個(gè)>6的元素
const numbers = [1, 3, 5, 7, 9]; const result = numbers.find(element => element > 6); console.log(result); // 7
在callback函數(shù)中，我們使用箭頭函數(shù)語法，檢查每個(gè)元素是否>6，因?yàn)?是第一個(gè)>6的元素，索引find方法返回7作為結(jié)果。??
二、findIndex方法
findIndex方法也可用來查找數(shù)組中符合條件的元素，返回符合條件的元素在數(shù)組中的索引。
語法：
array.findIndex(callback(element[, index[, array]])[, thisArg])
當(dāng)找到符合條件的元素時(shí)，findIndex方法會(huì)返回該元素在數(shù)組中的索引。如果沒有找到符合條件的元素，則返回-1。
例如：使用findIndex方法查找數(shù)組中第一個(gè)>6的元素的索引
const numbers = [1, 3, 5, 7, 9]; const result = numbers.findIndex(element => element > 6); console.log(result); // 3
因?yàn)?是第一個(gè)>6的元素，他的索引是3，所以findIndex方法返回3作為結(jié)果。
三、indexof方法
indexof方法，可以用來查找數(shù)組中指定元素的位置。
語法：array.indexOf(searchElement[, fromIndex])
searchElement是要查找的元素，fromIndex是可選參數(shù)，表示從哪個(gè)索引開始查找。當(dāng)找到指定元素時(shí)，indexof方法會(huì)返回該元素所在數(shù)組中的索引，如果沒有找到則返回-1。
例如：使用indexof方法查找數(shù)組中7的索引
const numbers = [1, 3, 5, 7, 9]; const result = numbers.indexOf(7); console.log(result); // 3
因?yàn)?的索引是3，所以indexof方法返回3作為結(jié)果。
四、三者區(qū)別：
1、返回結(jié)果不同。find方法返回符合條件的元素的值，findIndex方法返回符合條件的元素在數(shù)組中的索引，而indexof方法返回指定元素在數(shù)組中的索引。
2、參數(shù)不同。find和findIndex方法都需要傳入一個(gè)回調(diào)函數(shù)作為參數(shù)，該函數(shù)用來測(cè)試每個(gè)元素是否符合條件。而indexof方法則直接傳入要查找的元素作為參數(shù)。
五、實(shí)際使用
在實(shí)際開發(fā)中，如果我們要查找符合條件的元素的值，可以使用find方法，如果需要查找符合條件的元素在數(shù)組中的索引，可以使用findIndex方法，如果只需要查找指定元素在數(shù)組中的索引，可以使用indexof方法。
到此這篇關(guān)于js中find、findIndex、indexOf的用法和區(qū)別的文章就介紹到這了,更多相關(guān)js find findIndex indexOf內(nèi)容請(qǐng)搜索技圈網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持技圈網(wǎng)！