JavaScript 中 Array.findIndex() 方法的用途是什么?
数组是一种可以存储多个类似数据类型元素的数据类型。例如,如果数组被声明为整数数据类型,则它将存储一个或多个整数数据类型的元素。
在 JavaScript 中,数组是对象,这些对象具有一些内置函数和属性,通过这些函数和属性可以更快、更轻松地执行操作。
在本教程中,将通过一些示例解释和演示数组对象"findIndex()"的功能。
JavaScript 数组中的"findIndex()"方法将返回给定数组中的第一个元素,并满足给定的约束。即使有两个或更多数字,此方法也将返回给定数组中第一个元素的索引。如果不存在具有给定约束或条件的元素,则返回 -1。
语法
findIndex() 方法的语法是 −
array.findIndex(function(element, index, array), thisArg)
上面给出的语法被称为内联回调函数语法,因为函数和其他参数一次在一行中调用。
方法"findIndex()"将采用包括函数在内的五个参数。它们是 −
function − 该函数用于对数组的所有元素执行,直到满足约束条件,然后返回 true。
element − 这是数组中当前元素,它执行给定的功能或给定数组中的约束。
index − 这是可选参数,可以访问数组中当前元素的索引。
array − 这是一个可选参数,它具有包含当前元素的给定数组对象的值。
thisArg − 这是一个可选参数,如果传递,则用作"this"的值,如果未传递,则作为"undefined"。
如果给定数组中的元素存在并满足条件,则返回元素的索引,否则返回"-1"。
示例 1
以下示例演示了 JavaScript 中 findIndex() 方法的用法。在这里,我们尝试检索给定数组中的偶数 -
function isEven(element) { return element % 2 == 0; } let arr = [7, 8, 1, 3, 4]; let firstEvenNumber = arr.findIndex(isEven); console.log("The given array is:",arr) console.log("The first even numbers index in the given array is:",firstEvenNumber); console.log("The first even number at the returned index is:",arr[firstEvenNumber])
示例 2
让我们看看此函数的另一个例子,这里我们打印给定数组中大于 45 的元素。
var arr = [11, 23, 36, 156, 58]; function findIndex(element) { return element > 45; } var v = arr.findIndex(findIndex) console.log("The given array is:",arr) console.log("The first numbers index in the given array which satisfies the constraint is:",v) console.log("The first number in the given array at the returned index is:",arr[v])
示例 3
以下示例以箭头函数的形式使用 findIndex() −
let employee = ["Abdul", "Badavath", "Yadav", "Taruni"]; let index = employee.findIndex((day) => day === "Taruni"); console.log("The given array is:",employee) console.log("The index of the given element is:",index) console.log("The element at the returned index is:",employee[index])