Derniers tutoriels de développement web
 

JavaScript tableau forEach() Method

<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

Exemples

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