JavaScript 数组搜索

数组查找和搜索方法

• Array indexOf()
• Array lastIndexOf()
• Array includes()
• Array find()
• Array findIndex()
• Array findLast()
• Array findLastIndex()

另请参阅：

• 基本方法
• 排序方法
• 迭代方法

JavaScript Array indexOf()

indexOf() 方法在数组中搜索元素值并返回其位置。

注意：第一项的位置是 0，第二项的位置是 1，依此类推。

实例

在数组中搜索项 "Apple"：

const fruits = ["Apple", "Orange", "Apple", "Mango"];
let position = fruits.indexOf("Apple") + 1;

亲自试一试

语法

array.indexOf(item, start)

返回值：

• 如果未找到项，则返回 -1。
• 如果项出现多次，则返回第一次出现的位置。

JavaScript Array lastIndexOf()

lastIndexOf() 方法与 indexOf() 相同，但返回指定元素最后一次出现的位置。

实例

在数组中搜索项 "Apple"：

const fruits = ["Apple", "Orange", "Apple", "Mango"];
let position = fruits.lastIndexOf("Apple") + 1;

亲自试一试

语法

array.lastIndexOf(item, start)

JavaScript Array includes()

ECMAScript 2016 引入了 Array.includes() 方法。它允许我们检查数组中是否包含某个元素（包括 NaN，与 indexOf 不同）。

实例

const fruits = ["Banana", "Orange", "Apple", "Mango"];

fruits.includes("Mango"); // 返回 true

亲自试一试

语法

array.includes(search-item)

search-item：要搜索的元素。

注意：includes() 可以检查 NaN 值，而 indexOf() 不能。

浏览器支持

includes() 是 ECMAScript 2016 的特性。

自 2017 年 3 月起，所有现代浏览器均支持 ES2016：

Internet Explorer 不支持 includes()。

JavaScript Array find()

find() 方法返回通过测试函数的第一个数组元素的值。

实例

查找第一个大于 18 的元素：

const numbers = [4, 9, 16, 25, 29];
let first = numbers.find(myFunction);

function myFunction(value, index, array) {
  return value > 18;
}

亲自试一试

注意：函数接受 3 个参数：

• 元素值
• 元素索引
• 数组本身

浏览器支持

find() 是 ES6（JavaScript 2015）的特性。

自 2017 年 6 月起，所有现代浏览器均支持 ES6：

Internet Explorer 不支持 find()。

JavaScript Array findIndex()

findIndex() 方法返回通过测试函数的第一个数组元素的索引。

实例

查找第一个大于 18 的元素的索引：

const numbers = [4, 9, 16, 25, 29];
let first = numbers.findIndex(myFunction);

function myFunction(value, index, array) {
  return value > 18;
}

亲自试一试

注意：函数接受 3 个参数：

• 元素值
• 元素索引
• 数组本身

浏览器支持

findIndex() 是 ES6（JavaScript 2015）的特性。

自 2017 年 6 月起，所有现代浏览器均支持 ES6：

Internet Explorer 不支持 findIndex()。

JavaScript Array findLast()

ES2023 新增了 findLast() 方法，它从数组末尾开始搜索，并返回满足条件的第一个元素的值。

实例

const temp = [27, 28, 30, 40, 42, 35, 30];
let high = temp.findLast(x => x > 40);

亲自试一试

浏览器支持

findLast() 是 ES2023 的特性。

自 2023 年 7 月起，所有现代浏览器均支持：

JavaScript Array findLastIndex() Method

findLastIndex() 方法查找满足条件的最后一个元素的索引。

实例

const temp = [27, 28, 30, 40, 42, 35, 30];
let pos = temp.findLastIndex(x => x > 40);

亲自试一试

浏览器支持

findLastIndex() 是 ES2023 的特性。

自 2023 年 7 月起，所有现代浏览器均支持：

完整的数组参考手册

如需完整的数组参考，请访问：JavaScript 数组参考手册。

该手册包含所有数组属性和方法的描述和实例。