<JavaScript Array di riferimento
Esempio
Elencare ogni elemento dell'array:
<button onclick="numbers.forEach(myFunction)">Try it</button>
<p
id="demo"></p>
<script>
demoP = document.getElementById("demo");
var numbers =
[4, 9, 16, 25];
function myFunction(item, index) {
demoP.innerHTML = demoP.innerHTML + "index[" + index + "]: " + item + "<br
/>";
}
</script>
Il risultato sarà:
index[0]: 4
index[1]: 9
index[2]: 16
index[3]: 25
Prova tu stesso " Più "Try it Yourself" esempi di seguito.
Definizione e l'utilizzo
Il forEach() metodo chiama una funzione fornita volta per ogni elemento in una matrice, in ordine.
Nota: forEach() non esegue la funzione di elementi di campo senza valori.
Supporto browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente il metodo.
Metodo | |||||
---|---|---|---|---|---|
forEach() | sì | 9.0 | 1.5 | sì | sì |
Sintassi
valori dei parametri Parametro Descrizione function(currentValue, index,arr) Necessario. Una funzione da eseguire per ogni elemento dell'array.
Argomenti delle funzioni: Discussione Descrizione currentValue Necessario. Il valore dell'elemento corrente index Opzionale. L'indice di campo dell'elemento corrente arr Opzionale. L'array oggetto l'elemento corrente appartiene
QuestoValore Opzionale. Un valore da passare alla funzione da utilizzare come "this" valore.
Se questo parametro è vuoto, il valore "undefined" verrà passato come "this" valore
Dettagli tecnici
Valore di ritorno: non definito Versione JavaScript: 1.6
Altri esempi
Esempio
Ottenere la somma di tutti i valori nella matrice:
<button onclick="numbers.forEach(myFunction)">Try it</button>
<p>Sum
of numbers in array: <span id="demo"></span></p>
<script>
var sum
= 0;
var numbers = [65, 44, 12, 4];
function myFunction(item) {
sum += item;
demo.innerHTML=sum;
}
</script> Prova tu stesso " Esempio
Moltiplicare tutti i valori di matrice con un numero specifico:
<p>Multiply with: <input type="number" id="multiplyWith" value="10"></p>
<button onclick="numbers.forEach(myFunction)">Try it</button>
<p>Updated array: <span id="demo"></span></p>
<script>
var numbers
= [65, 44, 12, 4];
function myFunction(item,index,arr) {
arr[index] = item * document.getElementById("multiplyWith").value;
demo.innerHTML=numbers;
}
</script> Prova tu stesso "
<JavaScript Array di riferimento