在 JavaScript 数组中获取对象索引

在本文中，我们将了解如何在 JavaScript 中获取数组中对象的索引。

我们可以使用各种方法来获取数组中对象的索引，如下所示：

• map() 方法
• findIndex() 方法
• some() 方法
• for 循环

让我们逐一了解每种方法。

使用 map() 方法

map() 方法用于构造一个新数组，并为给定数组的每个元素调用一个函数。它只为每个数组元素调用一次指定的函数。

语法

在上面的语法中，以下是讨论的参数：

(function(current_value, index, arr): 定义要为每个数组元素执行的函数。

current_value：定义元素的当前值。

index：定义当前元素的数组索引。

arr：定义当前元素所属的数组中的一个对象。

thisValue：定义要传递给函数的值，以便将其用作其“this”值。

参数“(function(current_value, index, arr)”和“current_value”是必需的。参数“index”和“arr”是可选的。当参数“thisValue”不包含任何值时，它将被设置为 undefined。

示例

我们将使用以下演示使用 map() 方法获取对象数组的索引。

代码

输出

我们可以看到我们已经获得了数组对象的索引值。

使用 findIndex() 方法

findIndex() 方法用于为数组中的每个元素运行一个函数。它返回数组元素的第一个索引。如果找不到数据，它将返回“-1”。

示例

我们将使用以下演示使用 findIndex() 方法获取对象数组的索引。

代码

输出

这是输出，我们可以看到数组对象的索引已找到。

使用 some() 方法

some() 方法用于检查数组中的任何元素是否满足给定条件，然后给出索引值。它为数组中的每个元素执行一个函数。

示例

我们将使用以下演示通过 some() 方法获取对象数组的索引。

代码

输出

这是输出，我们可以看到数组对象的索引已找到。

使用 for 循环

“for”循环用于遍历数组对象并检查给定值是否在数组中。

示例

我们将使用以下演示通过“for”循环获取对象数组的索引。

代码

输出

这是输出，我们可以在其中查看数组对象的索引。

结论

在本篇文章中，我们已经了解了如何在 JavaScript 中获取数组中对象的索引。我们已经通过示例了解了各种方法，例如 map() 方法、findIndex() 方法、some() 方法和 for 循环。