Maison  >  Article  >  interface Web  >  Comment utiliser la fonction foreach en JavaScript

Comment utiliser la fonction foreach en JavaScript

不言
不言original
2018-12-24 16:16:479237parcourir

En Comment utiliser la fonction foreach en Comment utiliser la fonction foreach en Comment utiliser la fonction foreach en JavaScript, les tableaux peuvent traiter plusieurs données et la fonction foreach peut effectuer un traitement similaire sur chaque donnée du tableau. Cet article présentera en détail l'utilisation de la fonction foreach en Comment utiliser la fonction foreach en Comment utiliser la fonction foreach en Comment utiliser la fonction foreach en JavaScript.

Comment utiliser la fonction foreach en Comment utiliser la fonction foreach en Comment utiliser la fonction foreach en JavaScript

Jetons d'abord un coup d'œil à la syntaxe de base de la fonction foreach

La fonction de rappel est un processus qui est exécuté sur chaque donnée du tableau.

数组.foreach(回调函数)

Nous utiliserons la fonction foreach pour le traitement itératif ci-dessous

Le code spécifique est le suivant

<!DOCTYPE html>
<html>
  <head>
    <meta charset = "utf-8">
    <title>Comment utiliser la fonction foreach en Comment utiliser la fonction foreach en Comment utiliser la fonction foreach en JavaScript</title>
  </head>
  <body>
    <script>
    var cats = [ &#39;波斯猫&#39;, &#39;橘猫&#39;, &#39;蓝猫&#39;, &#39;缅甸猫&#39; ];
    cats.forEach(function( cat ) {
      console.log( cat );
    });
    var runners = [ &#39;张三&#39;, &#39;李四&#39;, &#39;王二&#39;, &#39;陈五&#39; ];
    runners.forEach(function( runner, index ) {
      console.log("第" + (index + 1) + "是" + runner + "同学。" );
    });
    </script>
  </body>
</html>

Le les résultats d'exécution sont les suivants

Comment utiliser la fonction foreach en Comment utiliser la fonction foreach en Comment utiliser la fonction foreach en JavaScript

Analysons le code ci-dessus en détail

Code 1 :

var cats = [ &#39;波斯猫&#39;, &#39;橘猫&#39;, &#39;蓝猫&#39;, &#39;缅甸猫&#39; ];
cats.forEach(function( cat ) {
console.log( cat );
});

Définissez un tableau de "chats" et effectuer un traitement foreach sur chaque donnée du tableau. La fonction reçoit chaque donnée du tableau sous forme de variable appelée cat et la génère dans console.log. Répétez cette opération pour les données du tableau.

En conséquence, la chaîne suivante est affichée.

Comment utiliser la fonction foreach en Comment utiliser la fonction foreach en Comment utiliser la fonction foreach en JavaScript

Code 2 :

var runners = [ &#39;张三&#39;, &#39;李四&#39;, &#39;王二&#39;, &#39;陈五&#39; ];
runners.forEach(function( runner, index ) {
console.log( (index + 1) + "第二位是" + runner + "同学。" );
});

La fonction de rappel peut obtenir le numéro d'index des données en tant que paramètre.

Définissez un tableau de "coureurs" et effectuez un traitement foreach sur chaque donnée du tableau.

En conséquence, la chaîne suivante est affichée.

Comment utiliser la fonction foreach en JavaScript

Cet article se termine ici Pour un contenu plus passionnant, vous pouvez prêter attention aux colonnes de didacticiels pertinentes du site Web PHP chinois ! ! !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn