JavaScript Array 数组搜索

JavaScript 数组 indexOf()

indexOf() 方法用于在数组中查找元素值并返回其位置。

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

语法

Array.indexOf() 如果找不到该项，则返回 -1。

如果该项出现多次，则返回第一次出现的位置。

JavaScript 数组 lastIndexOf()

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

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

语法

JavaScript 数组 includes() 方法

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

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

fruits.includes("Mango"); // is true

语法

浏览器支持

includes() 是 ECMAScript 2016 的一项特性。

自 2017 年 3 月起，所有现代浏览器均完全支持 ES 2016。

JavaScript 数组 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 特性。

自 2017 年 6 月起，所有现代浏览器均已完全支持 ES6。

JavaScript 数组 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 特性。

自 2017 年 6 月起，所有现代浏览器均已完全支持 ES6。

JavaScript 数组 findLast() 方法

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

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

浏览器支持

findLast() 是 ES2023 的一项特性。

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

JavaScript 数组 findLastIndex() 方法

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

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

浏览器支持

findLastIndex() 是 ES2023 的一项特性。

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