JavaScript 数组搜索
数组查找和搜索方法
JavaScript Array indexOf()
indexOf() 方法在数组中搜索元素值并返回其位置。
注意: 第一个项目的位置是 0，第二个项目的位置是 1，以此类推。
示例
在数组中搜索项目 "Apple"
const fruits = ["Apple", "Orange", "Apple", "Mango"];
let position = fruits.indexOf("Apple") + 1;
自己动手试一试 »
语法
array.indexOf(item, start)
| item | 必需。要搜索的项目。 |
| start | 可选。开始搜索的位置。负值将从末尾开始计数，并搜索到末尾。 |
Array.indexOf() 如果找不到项目，则返回 -1。
如果项目出现多次，它将返回第一次出现的位置。
JavaScript Array lastIndexOf()
Array.lastIndexOf() 与 Array.indexOf() 相同，但返回指定元素最后一次出现的位置。
示例
在数组中搜索项目 "Apple"
const fruits = ["Apple", "Orange", "Apple", "Mango"];
let position = fruits.lastIndexOf("Apple") + 1;
自己动手试一试 »
语法
array.lastIndexOf(item, start)
| item | 必需。要搜索的项目 |
| start | 可选。开始搜索的位置。负值将从末尾开始计数，并搜索到开头 |
JavaScript 数组 includes() 方法
ECMAScript 2016 在数组中引入了 Array.includes()。这允许我们检查一个元素是否存在于数组中（包括 NaN，与 indexOf 不同）。
示例
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.includes("Mango"); // 为 true
自己动手试一试 »
语法
array.includes(search-item)
Array.includes() 允许检查 NaN 值。与 Array.indexOf() 不同。
浏览器支持
includes() 是一个 ECMAScript 2016 功能。
自 2017 年 3 月以来，ES 2016 在所有现代浏览器中都得到了完全支持
| Chrome 52 | Edge 15 | Firefox 52 | Safari 10.1 | Opera 39 |
| 2016 年 7 月 | 2017 年 4 月 | 2017 年 3 月 | 2017 年 5 月 | 2016 年 8 月 |
includes() 在 Internet Explorer 中不受支持。
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
| Chrome 51 | Edge 15 | Firefox 54 | Safari 10 | Opera 38 |
| 2016 年 5 月 | 2017 年 4 月 | 2017 年 6 月 | 2016 年 9 月 | 2016 年 6 月 |
find() 在 Internet Explorer 中不受支持。
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
| Chrome 51 | Edge 15 | Firefox 54 | Safari 10 | Opera 38 |
| 2016 年 5 月 | 2017 年 4 月 | 2017 年 6 月 | 2016 年 9 月 | 2016 年 6 月 |
findIndex() 在 Internet Explorer 中不受支持。
JavaScript 数组 findLast() 方法
ES2023 添加了 findLast() 方法，该方法将从数组末尾开始，并返回满足条件的第一个元素的值。
浏览器支持
findLast() 是一个 ES2023 功能。
自 2023 年 7 月起，所有现代浏览器均支持此功能。
| Chrome 110 | Edge 110 | Firefox 115 | Safari 16.4 | Opera 96 |
| 2023 年 2 月 | 2023 年 2 月 | 2023 年 7 月 | 2023 年 3 月 | 2023 年 5 月 |
JavaScript 数组 findLastIndex() 方法
findLastIndex() 方法查找满足条件的最后一个元素的索引。
浏览器支持
findLastIndex() 是一个 ES2023 功能。
自 2023 年 7 月起，所有现代浏览器均支持此功能。
| Chrome 110 | Edge 110 | Firefox 115 | Safari 16.4 | Opera 96 |
| 2023 年 2 月 | 2023 年 2 月 | 2023 年 7 月 | 2023 年 3 月 | 2023 年 5 月 |
