Búsqueda de arreglo de JavaScript

Métodos de búsqueda y búsqueda de arrays

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

Vea también:

• Métodos básicos
• Métodos de ordenación
• Métodos iterativos

JavaScript Array indexOf()

indexOf() Método que busca el valor del elemento en el array y devuelve su posición.

注意：La posición del primer elemento es 0, la posición del segundo elemento es 1, y así sucesivamente.

Ejemplo

Buscar el elemento "Manzana" en el array:

const frutas = ["Manzana", "Naranja", "Manzana", "Mango"];
let position = frutas.indexOf("Manzana") + 1;

Pruebe usted mismo

语法

array.indexOf(item, start)

Valor devuelto:

• Si no se encuentra el elemento, devuelve -1.
• Si el elemento se repite, devuelve la posición de la primera aparición.

JavaScript Array lastIndexOf()

lastIndexOf() Método similar a indexOf() Igual, pero devuelve la última posición del elemento especificado.

Ejemplo

Buscar el elemento "Manzana" en el array:

const frutas = ["Manzana", "Naranja", "Manzana", "Mango"];
let position = frutas.lastIndexOf("Manzana") + 1;

Pruebe usted mismo

语法

array.lastIndexOf(item, start)

JavaScript Array includes()

ECMAScript 2016 introdujo Array.includes() Método. Nos permite verificar si un elemento está contenido en el array (incluyendo NaN, diferente de indexOf).

Ejemplo

const frutas = ["Banana", "Naranja", "Manzana", "Mango"];
fruits.includes("Mango"); // 返回 true

Pruebe usted mismo

语法

array.includes(search-item)

search-item：要搜索的元素。

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

Compatibilidad del navegador

includes() 是 ECMAScript 2016 的特性。

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

Internet Explorer 不支持 includes()。

JavaScript Array find()

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

Ejemplo

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

const numbers = [4, 9, 16, 25, 29];
let first = numbers.find(myFunction);
function myFunction(value, index, array) {
  return value > 18;
}

Pruebe usted mismo

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

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

Compatibilidad del navegador

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

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

Internet Explorer 不支持 find().

JavaScript Array findIndex()

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

Ejemplo

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

const numbers = [4, 9, 16, 25, 29];
let first = numbers.findIndex(myFunction);
function myFunction(value, index, array) {
  return value > 18;
}

Pruebe usted mismo

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

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

Compatibilidad del navegador

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

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

Internet Explorer 不支持 findIndex().

JavaScript Array findLast()

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

Ejemplo

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

Pruebe usted mismo

Compatibilidad del navegador

findLast() Es una característica de ES2023.

A partir de julio de 2023, todos los navegadores modernos admiten:

Método findLastIndex() del Array de JavaScript

findLastIndex() Método para encontrar el índice del último elemento que cumple con la condición.

Ejemplo

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

Pruebe usted mismo

Compatibilidad del navegador

findLastIndex() Es una característica de ES2023.

A partir de julio de 2023, todos los navegadores modernos admiten:

Manual de referencia completo de arrays

Para obtener una referencia completa de los arrays, visite:Manual de referencia de arrays de JavaScript.

Este manual contiene descripciones e instancias de todas las propiedades y métodos de los arrays.