Tableau Javascript pour chaque ()

La méthode JavaScript Array forEach () exécute une fonction fournie pour chaque élément du tableau.

La syntaxe de la forEach()méthode est:

 arr.forEach(callback(currentValue), thisArg)

Ici, arr est un tableau.

Paramètres forEach ()

La forEach()méthode prend en compte:

  • callback - La fonction à exécuter sur chaque élément du tableau. Il prend en:
    • currentValue - L'élément actuel transmis depuis le tableau.
  • thisArg (facultatif) - Valeur à utiliser comme thislors de l'exécution du rappel. Par défaut, c'est le cas undefined.

Valeur renvoyée par forEach ()

  • Retours undefined.

Remarques :

  • forEach() ne modifie pas la matrice d'origine.
  • forEach()s'exécute callbackune fois pour chaque élément du tableau dans l'ordre.
  • forEach()ne s'exécute pas callbackpour les éléments de tableau sans valeurs.

Exemple 1: impression du contenu de la matrice

 function printElements(element, index) ( console.log('Array Element ' + index + ': ' + element); ) const prices = (1800, 2000, 3000, , 5000, 500, 8000); // forEach does not execute for elements without values // in this case, it skips the third element as it is empty prices.forEach(printElements);

Production

 Élément de tableau 0: 1800 Élément de tableau 1: 2000 Élément de tableau 2: 3000 Élément de tableau 4: 5000 Élément de tableau 5: 500 Élément de tableau 6: 8000

Exemple 2: Utilisation de thisArg

 function Counter() ( this.count = 0; this.sum = 0; this.product = 1; ) Counter.prototype.execute = function (array) ( array.forEach((entry) => ( this.sum += entry; ++this.count; this.product *= entry; ), this) ) const obj = new Counter(); obj.execute((4, 1, , 45, 8)); console.log(obj.count); // 4 console.log(obj.sum); // 58 console.log(obj.product); // 1440

Production

 4 58 1440

Ici, nous pouvons à nouveau voir qui forEachsaute l'élément vide. thisArgest passé comme thisdans la définition de la executeméthode de l'objet Counter.

Lecture recommandée: JavaScript Array map ()

Articles intéressants...