技术频道导航
HTML/CSS
.NET技术
IIS技术
PHP技术
Js/JQuery
Photoshop
Fireworks
服务器技术
操作系统
网站运营

赞助商

分类目录

赞助商

最新文章

搜索

JavaScript中获取数组中项目索引的两种方法

作者:admin    时间:2022-6-30 10:9:58    浏览:

在 JavaScript 中查找数组中项目的索引有时非常有用,本文将介绍我们如何去查找数组中项目的索引。

JavaScript中获取数组中项目索引的两种方法

如何在JavaScript中获取数组中项目的索引

在JavaScript中获取数组中项目索引的最简单方法是使用Array.prototype.indexOf方法。通过在任何 JavaScript 数组上调用 indexOf ,可以为正在查找的项目传递一个参数,它将返回它的索引,或者-1(如果它找不到它)。

下面是一个示例,说明如何使用 indexOf 在 JavaScript 中获取数组中项目的索引:

const arrayExample = ["a", "b", "c", "d"]
arrayExample.indexOf("b") // 1
arrayExample.indexOf("e") // -1

输出

 

正如你在这个例子中所看到的,我们所做的只是调用我们数组的 indexOf 方法并传入我们正在寻找的项目。

如果找到该项目,则返回索引,如果找不到该项目,它将返回 -1,以便我们知道它没有找到该项目。

使用 Array.prototype.findIndex 方法

使用indexOf适用于多种数组,但如果我们有一个稍微复杂一点的数组,例如对象数组,那么我们可以使用 Array.prototype.findIndex 方法。

下面是一个示例,说明如何使用Array.prototype.findIndex方法在 JavaScript 中获取数组中项目的索引: 

const arrayExample = ["a", "b", "c", "d"]
arrayExample.findIndex(arrayItem => arrayItem === "b") // 1
arrayExample.indexOf(arrayItem => arrayItem === "e") // -1

输出

 

使用此方法可以让我们创建自己的回调函数来检查数组中的项目是否是正确的索引。

如果我们在回调函数中返回 true,那么 findIndex 方法将认为该项目是正确的索引并将索引返回给我们。

如果我们在回调函数中返回 false,那么 findIndex 方法将认为该项目与正在查找的项目不匹配,并继续查找数组中的下一个项目。

如果它在数组中找不到正确的项目,那么它将返回-1,就像在 indexOf 方法中一样。 

总结

本文介绍了如何在 JavaScript 中获取数组中项目的索引的方法,我们可以通过2种方法来实现,大多数情况下使用indexOf方法,而findIndex适用于比较复杂的数组,我们可以从下文了解这两者之间的区别:JavaScript中findIndex与indexOf 的区别

相关文章

标签: findIndex  indexOf  
x
  • 站长推荐
/* 左侧显示文章内容目录 */