Ricerca di array JavaScript

Metodi di ricerca e ricerca dell'array

Vedi anche:

JavaScript Array indexOf()

indexOf() Il metodo ricerca l'elemento nel valore dell'array e restituisce la sua posizione.

Attenzione:La posizione del primo elemento è 0, la posizione del secondo elemento è 1, e così via.

Esempio

Ricerca dell'elemento "Apple" nell'array:

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

Prova tu stesso

sintassi

array.indexOf(item, start)
item Obbligatorio. Elemento da cercare.
start Opzionale. Posizione di partenza della ricerca. I valori negativi partiranno dalla fine dell'array e recheranno fino alla fine.

Valore di ritorno:

  • Se l'elemento non viene trovato, restituisce -1.
  • Se l'elemento appare più volte, restituisce la posizione della prima occorrenza.

JavaScript Array lastIndexOf()

lastIndexOf() Metodo simile a indexOf() Uguale, ma restituisce la posizione dell'ultima occorrenza dell'elemento specificato.

Esempio

Ricerca dell'elemento "Apple" nell'array:

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

Prova tu stesso

sintassi

array.lastIndexOf(item, start)
item Obbligatorio. Elemento da cercare.
start Opzionale. Posizione di partenza della ricerca. I valori negativi partiranno dalla fine dell'array e recheranno fino all'inizio.

JavaScript Array includes()

ECMAScript 2016 ha introdotto Array.includes() Metodo. Ci permette di verificare se un elemento è presente nell'array (incluso NaN, diversamente da indexOf).

Esempio

const frutti = ["Banana", "Orange", "Apple", "Mango"];
fruits.includes("Mango"); // restituisce true

Prova tu stesso

sintassi

array.includes(search-item)

search-itemelemento da cercare.

Attenzione:includes() può verificare valori NaN mentre indexOf() non può.

Supporto browser

includes() è ECMAScript 2016 caratteristica.

dalla marzo 2017, tutti i browser moderni supportano ES2016:

Chrome Edge Firefox Safari Opera
Chrome 52 Edge 15 Firefox 52 Safari 10.1 Opera 39
luglio 2016 aprile 2017 marzo 2017 maggio 2017 agosto 2016

Internet Explorer non supporta includes().

JavaScript Array find()

find() Il metodo restituisce il valore del primo elemento dell'array che passa il test della funzione.

Esempio

Cerca il primo elemento maggiore di 18:

const numbers = [4, 9, 16, 25, 29];
let primo = numbers.find(myFunction);
function myFunction(valore, indice, array) {
  return valore > 18;

Prova tu stesso

Attenzione:la funzione accetta 3 parametri:

  • il valore dell'elemento
  • l'indice dell'elemento
  • l'array stesso

Supporto browser

find() è una caratteristica di ES6 (JavaScript 2015).

dalla giugno 2017, tutti i browser moderni supportano ES6:

Chrome Edge Firefox Safari Opera
Chrome 51 Edge 15 Firefox 54 Safari 10 Opera 38
maggio 2016 aprile 2017 giugno 2017 settembre 2016 giugno 2016

Internet Explorer non supporta find().

JavaScript Array findIndex()

findIndex() Il metodo restituisce l'indice del primo elemento dell'array che passa il test della funzione.

Esempio

Cerca l'indice del primo elemento maggiore di 18:

const numbers = [4, 9, 16, 25, 29];
let primo = numbers.findIndex(myFunction);
function myFunction(valore, indice, array) {
  return valore > 18;

Prova tu stesso

Attenzione:la funzione accetta 3 parametri:

  • il valore dell'elemento
  • l'indice dell'elemento
  • l'array stesso

Supporto browser

findIndex() è una caratteristica di ES6 (JavaScript 2015).

dalla giugno 2017, tutti i browser moderni supportano ES6:

Chrome Edge Firefox Safari Opera
Chrome 51 Edge 15 Firefox 54 Safari 10 Opera 38
maggio 2016 aprile 2017 giugno 2017 settembre 2016 giugno 2016

Internet Explorer non supporta findIndex().

JavaScript Array findLast()

ES2023 ha introdotto findLast() metodo che parte dalla fine dell'array e restituisce il valore del primo elemento che soddisfa la condizione.

Esempio

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

Prova tu stesso

Supporto browser

findLast() È una caratteristica di ES2023.

A partire dal luglio 2023, tutti i browser moderni supportano:

Chrome Edge Firefox Safari Opera
Chrome 110 Edge 110 Firefox 115 Safari 16.4 Opera 96
Febbraio 2023 Febbraio 2023 Luglio 2023 Marzo 2023 Maggio 2023

Metodo findLastIndex() dell'Array JavaScript

findLastIndex() Il metodo cerca l'indice dell'ultimo elemento che soddisfa la condizione.

Esempio

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

Prova tu stesso

Supporto browser

findLastIndex() È una caratteristica di ES2023.

A partire dal luglio 2023, tutti i browser moderni supportano:

Chrome Edge Firefox Safari Opera
Chrome 110 Edge 110 Firefox 115 Safari 16.4 Opera 96
Febbraio 2023 Febbraio 2023 Luglio 2023 Marzo 2023 Maggio 2023

Manuale di riferimento completo degli array

Per una guida completa degli array, visitare:Manuale di riferimento Array JavaScript.

Questo manuale include descrizioni e esempi di tutte le proprietà e metodi degli array.