find、findIndex、indexOf、lastIndex、includes 數組五種查詢條件方法介紹


find() 方法返回數組中滿足提供的測試函數的第一個元素的值。

語法: arr.find(callback[, thisArg])

 

findIndex()方法返回數組中滿足提供的測試函數的第一個元素的索引。否則返回-1。

語法: arr.findIndex(callback[, thisArg])

 

indexOf()方法返回在數組中可以找到給定元素的第一個索引,如果不存在,則返回-1。

語法: arr.indexOf(searchElement)

         arr.indexOf(searchElement[, fromIndex = 0])

 

lastIndexOf() 方法返回指定元素(也即有效的 JavaScript 值或變量)在數組中的最后一個的索引,如果不存在則返回 -1。從數組的后面向前查找,從 fromIndex 處開始。

語法: arr.lastIndexOf(searchElement[, fromIndex = arr.length - 1])

 

includes() 方法用來判斷當前數組是否包含某指定的值,如果是,則返回 true,否則返回 false。

語法: arr.includes(searchElement)

         arr.includes(searchElement, fromIndex)

 

例一、find()方法 查找數組中第一個大於等於15的元素

 

1
2
3
4
var  num = [10,3,5,15,100,1].find( function (elem, index){    
     return  elem>=15;
});
console.log(num)      // 15

 

 

 

例二、findIndex() 查找數組中第一個大於等於15的元素的位置(索引)

 

1
2
3
4
var  num = [10,3,5,15,100,1].findIndex( function (elem, index){     // 15
     return  elem>=15;
});
console.log(num)      // 3

 

 

 

例三、indexOf () 查找5所在的位置,默認索引位置從零開始

 

1
2
3
[0,1,2,3,4,5,6].indexOf(5);     // 5    從索引0的位置往后查找
[0,1,2,3,4,5,6].indexOf(5,5);   // 5
[0,1,2,3,4,5,6].indexOf(5,10);  // -1   從索引10的位置往后查找

 

 

例四、lastIndexOf() 查找5所在的位置,默認索引位置當前數組長度減一

 

1
2
3
4
[0,1,2,3,4,5,6].lastIndexOf(5);        // 5   從索引位置數組長度減一向前查找
[0,1,2,3,4,5,6].lastIndexOf(5, 6);     // 5
[0,1,2,3,4,5,6].lastIndexOf(5, 10);    // 5
[0,1,2,3,4,5,6].lastIndexOf(5, 1);     // -1   從索引1的位置向前查找

 

 

 

例五、includes

 

1
2
3
[0,1,2,3,4,5,6].includes(5);                  // true     從索引0位置往后查找是否存在5元素,是
[0,1,2,3,4,5,6].includes(10);                 // false
[0,1,2,3,4,5,6].includes(5,10);               // false    從索引10位置往后查找是否存在10元素,否

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM