JavaScript Array forEach()

Définition et utilisation

forEach() La méthode appelle la fonction une fois pour chaque élément de l'array dans l'ordre.

Remarque :Ne pas exécuter pour les éléments d'array sans valeur.forEach() Méthode.

Exemple

Exemple 1

Listez chaque élément de l'array :

var fruits = ["apple", "orange", "cherry"];
fruits.forEach(myFunction);
function myFunction(item, index) {
  document.getElementById("demo").innerHTML += index + ":" + item + "<br>"; 
}

Essayez-le vous-même

Exemple 2

Obtenez la somme de toutes les valeurs de l'array :

var sum = 0;
var numbers = [65, 44, 12, 4];
numbers.forEach(myFunction);
function myFunction(item) {
  sum += item;
  document.getElementById("demo").innerHTML = sum;
}

Essayez-le vous-même

Exemple 3

Pour chaque élément de l'array : mettez à jour la valeur à 10 fois la valeur originale :

var numbers = [65, 44, 12, 4];
numbers.forEach(myFunction)
function myFunction(item, index, arr) {
  arr[index] = item * 10;
}

Essayez-le vous-même

Syntaxe

array.forEach(function(currentValue, index, arr) thisValue)

valeur de paramètre

Paramètres Description
function(currentValue, index, arr) Obligatoire. La fonction à exécuter pour chaque élément de l'array.

Paramètres de la fonction :

Paramètres Description
currentValue Obligatoire. La valeur de l'élément courant
index Optionnel. L'index de l'élément courant dans l'array
arr Optionnel. L'objet d'array auquel appartient l'élément courant
thisValue

Optionnel. La valeur à transmettre à la fonction en tant que valeur "this".

Si ce paramètre est vide, la valeur "undefined" sera transmise comme sa valeur "this".

Détails techniques

Valeur de retour : undefined
Version JavaScript : ECMAScript 5

Support du navigateur

Tous les navigateurs le supportent pleinement forEach() Méthode :

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Support 9.0 Support Support Support Support

Pages connexes

Tutoriel :Tableaux JavaScript

Tutoriel :Const des tableaux JavaScript

Tutoriel :Méthodes de tableau JavaScript

Tutoriel :Triage des tableaux JavaScript

Tutoriel :Itération des tableaux JavaScript