Comment utiliser la fonction foreach en JavaScript-js tutoriel-php.cn

Comment utiliser la fonction foreach en JavaScript

不言

Libérer： 2018-12-24 18:00:05

original

9284 Les gens l'ont consulté

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（回调函数）

Copier après la connexion

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>

Copier après la connexion

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 );
});

Copier après la connexion

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 + "同学。" );
});

Copier après la connexion

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!