Ricerca di array JavaScript
- Pagina precedente Metodi array JS
- Pagina successiva Ordinamento array JS
Metodi di ricerca e ricerca dell'array
- Array indexOf()
- Array lastIndexOf()
- Array includes()
- Array find()
- Array findIndex()
- Array findLast()
- Array findLastIndex()
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;
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;
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
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;
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;
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);
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);
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.
- Pagina precedente Metodi array JS
- Pagina successiva Ordinamento array JS