<JavaScript Tableau de référence
Exemple
Liste chaque élément du tableau:
<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>
Le résultat sera:
index[0]: 4
index[1]: 9
index[2]: 16
index[3]: 25
Essayez vous - même » Plus "Try it Yourself" - "Try it Yourself" exemples ci - dessous.
Définition et utilisation
Le forEach() méthode appelle une fonction fournie une fois pour chaque élément d'un tableau, dans l' ordre.
Remarque: forEach() n'exécute pas la fonction des éléments de tableau sans valeur.
Support du navigateur
Les chiffres du tableau indiquent la première version du navigateur qui prend en charge pleinement la méthode.
méthode | |||||
---|---|---|---|---|---|
forEach() | Oui | 9.0 | 1.5 | Oui | Oui |
Syntaxe
Les valeurs des paramètres Paramètre La description function(currentValue, index,arr) Champs obligatoires. Une fonction à exécuter pour chaque élément dans le tableau.
Les arguments de fonction: Argument La description currentValue Champs obligatoires. La valeur de l'élément courant index Optionnel. L'index de tableau de l'élément courant arr Optionnel. Le réseau objet de l'élément courant appartient à
ThisValue Optionnel. Une valeur à transmettre à la fonction à utiliser comme "this" valeur.
Si ce paramètre est vide, la valeur "undefined" sera passé comme "this" valeur
Détails techniques
Valeur de retour: indéfini JavaScript Version: 1.6
autres exemples
Exemple
Obtenez la somme de toutes les valeurs du tableau:
<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> Essayez vous - même » Exemple
Multiplier toutes les valeurs en tableau avec un nombre spécifique:
<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> Essayez vous - même »
<JavaScript Tableau de référence