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元素，否 |
