Metodi di iterazione di array JavaScript

Il metodo di una singola operazione su ogni elemento dell'array, chiamatoIterazioneMetodo.

metodo dell'array.IterazioneIl metodo è strettamente correlato al ciclo.

Array.forEach()

forEach()metodo per eseguire una funzione fornita per ogni elemento dell'array (una funzione di callback).

Possiamo usareforEach()Stampa ogni elemento dell'array nel documento.

var fruits = ["Apple", "Mango", "Banana", "Orange"];
var result = document.getElementById("result");
fruits.forEach(function(element, index, array) {
　　　　result.innerHTML += index + ": " + element + "<br>";
});

Attenzione, la funzione ha 3 parametri:

• Valore dell'elemento (obbligatorio)

• Indice dell'elemento (opzionale)

• Array stesso (opzionale)

Poiché i due parametri (indice, array) sono opzionali, possiamo saltarli:

var fruits = ["Apple", "Mango", "Banana", "Orange"];
var result = document.getElementById("result");
fruits.forEach(function(element) {
　　　　result.innerHTML += element + "<br>";
});

Array.map()

map()Il metodo restituisce un nuovo array, senza modificare l'array originale. Inoltre, gli elementi del nuovo array sono i valori degli elementi dell'array originale dopo aver chiamato la funzione e vengono elaborati in successione secondo l'ordine degli elementi dell'array originale.

Attenzione: map() non verifica gli array vuoti.

Esempio seguente: crea un nuovo array da ciascun valore moltiplicato per 2.

var nums1 = [1, 5, 20, 14, 55, 16];
var nums2 = nums1.map(twice);
function twice(element, index, array) {
　　　return (element * 2);
}

Attenzione, la funzione ha 3 parametri:

• Valore dell'elemento (obbligatorio)

• Indice dell'elemento (opzionale)

• Array stesso (opzionale)

Poiché i due parametri (indice, array) sono opzionali, possiamo saltarli:

var nums1 = [1, 5, 20, 14, 55, 16];
var nums2 = nums1.map(twice);
function twice(element) {
　　　return (element * 2);
}

Array.filter()

filter()È una operazione comune in JavaScript Array, utilizzata per filtrare alcuni elementi dell'Array e restituire gli elementi rimanenti. Il suo principale principio è che filter applicherà la funzione passata a ciascun elemento in successione, e deciderà di conservare o eliminare l'elemento in base al valore restituito (true o false).

Nell'esempio seguente, creiamo un nuovo array utilizzando gli elementi uguali o maggiori di 18:

var age = [1, 30, 39, 29, 10, 13];
var val = age.filter(isAdult);
function isAdult(element, index, array) {
　　　　return element >= 18;
}

Attenzione, la funzione ha 3 parametri:

• Valore dell'elemento (obbligatorio)

• Indice dell'elemento (opzionale)

• Array stesso (opzionale)

Poiché i due parametri (indice, array) sono opzionali, possiamo saltarli:

var age = [1, 30, 39, 29, 10, 13];
var val = age.filter(isAdult);
function isAdult(element) {
　　　　return element >= 18;
}

Array.reduce()

reduce()Il metodo accetta una funzione come accumulatore, inizia a ridurre ogni valore dell'array (da sinistra a destra) e alla fine calcola un valore.

Questo è comune nei numeri, ad esempio trovare la somma di tutti i numeri in un array.

var nums = [10, 20, 30, 40, 50];
var sum = nums.reduce(getTotal);
function getTotal(x, y) {
　　　　return (x + y);
}

Si prega di notare che la funzione accetta 4 parametri:

• Valore iniziale/precedente valore restituito (obbligatorio)

• Valore dell'elemento (obbligatorio)

• Indice dell'elemento (opzionale)

• Array stesso (opzionale)

Array.find()

find()Il metodo restituisce il primo valore trovato nell'array fornito per la detezione.

Nell'esempio seguente, troveremo il primo elemento uguale o maggiore di 18:

var num = [1, 30, 39, 29, 10, 13];
var val = num.find(myFunc);
function myFunc(element) {
　　　　return element >= 18;
}

Attenzione, la funzione ha 3 parametri:

• Valore dell'elemento (obbligatorio)

• Indice dell'elemento (opzionale)

• Array stesso (opzionale)

Array.findIndex()

findIndex()Il metodo restituisce l'indice della prima occorrenza trovata nell'array fornito per la detezione.

Nell'esempio seguente, troveremo l'indice del primo elemento uguale o maggiore di 18:

var num = [1, 30, 39, 29, 10, 13];
var val = num.findIndex(myFunc);
function myFunc(element) {
　　　　return element >= 18;
}

Attenzione, la funzione ha 3 parametri:

• Valore dell'elemento (obbligatorio)

• Indice dell'elemento (opzionale)

• Array stesso (opzionale)

Array.every()

every()Il metodo viene utilizzato per verificare se tutti gli elementi dell'array soddisfano una condizione specifica (fornita tramite una funzione di verifica).

Nell'esempio seguente, controlliamo se tutti i valori dell'array sono uguali o maggiori di 18:

var nums = [1, 30, 39, 29, 10, 13];
var bool = nums.every(function(element) {
　　　　return element >= 18;
});
document.getElementById("result").innerHTML = bool;

Attenzione, la funzione ha 3 parametri:

• Valore dell'elemento (obbligatorio)

• Indice dell'elemento (opzionale)

• Array stesso (opzionale)

Riferimento completo degli array

Per una guida completa sulle proprietà e i metodi, visitare il nostroRiferimento Array JavaScript.

La parte di riferimento contiene descrizioni e esempi di tutte le proprietà e i metodi degli array.