📜  js 查找位置值 - Javascript (1)

📅  最后修改于: 2023-12-03 15:02:24.406000             🧑  作者: Mango

JS 查找位置值 - Javascript

在Javascript中,有很多种方法可以查找一个元素在数组中的位置,包括indexOf()、**findIndex()以及lastIndexOf()**等。这些方法都能够帮助你快速查找一个元素在数组中的序号或位置。

indexOf()

**indexOf()**方法可返回某个指定的字符串值在字符串中首次出现的位置。如果要在数组中查找一个元素,可以使用以下方式:

const fruits = ['apple', 'banana', 'grape', 'pear'];
const index = fruits.indexOf('banana');
console.log(index); // 1

在上面例子中,我们使用**indexOf()**方法查找'banana'元素在数组中的位置,我们发现结果是1,这是因为数组下标是从0开始的。

如果该元素不存在于数组中,**indexOf()**会返回-1。

findIndex()

如果想要自己定义查找某一个元素的条件,则可以使用**findIndex()**方法,该方法对数组的每个元素执行一次给定的函数,直到找到一个返回值为true的元素,如果找到,则返回该元素的位置。

const ages = [25, 23, 19, 30, 21, 31];
const index = ages.findIndex(age => age > 25);
console.log(index); // 3

在上面的例子中,我们定义了一个函数用于查找年龄大于25的人所在数组中的位置,使用**findIndex()**方法,查找到第一个大于25的人是年龄为30岁的人,所以返回值为3。

如果没有一个元素满足条件,**findIndex()**会返回-1。

lastIndexOf()

如果想要查找最后一个匹配项,可以使用**lastIndexOf()**方法。该方法返回指定元素在数组中的最后一个的索引位置,如果不存在该元素,则返回-1。

const colors = ['red', 'blue', 'green', 'blue', 'yellow'];
const index = colors.lastIndexOf('blue');
console.log(index); // 3

在上面的例子中,我们使用**lastIndexOf()方法查找'blue'在数组中的位置,我们发现结果是3,这是因为我们查找的是最后一个'blue'元素。如果只想查找第一个,还是使用indexOf()**方法。

Conclusion

以上是Javascript中常用的查找元素在数组中的位置的方法,它们是非常实用和高效的方法。无论你是在处理数组还是字符串,这些方法总能帮助你快速找到你需要的元素在数组或字符串中的位置。