JavaScriptでのforeach関数の使い方-jsチュートリアル-php.cn

JavaScriptでのforeach関数の使い方

不言

リリース： 2018-12-24 18:00:05

オリジナル

9258 人が閲覧しました

JavaScriptでのforeach関数の使い方でのforeach関数の使い方でのforeach関数の使い方では、配列で複数のデータを処理でき、foreach 関数は配列内の各データに対して同様の処理を実行できます。この記事では、JavaScriptでのforeach関数の使い方でのforeach関数の使い方でのforeach関数の使い方での foreach 関数の使用方法を詳しく紹介します。

JavaScriptでのforeach関数の使い方でのforeach関数の使い方でのforeach関数の使い方

まず foreach 関数の基本的な構文を見てみましょう

コールバック関数は、次の場所で実行されるプロセスです。配列の各データ。

数组.foreach（回调函数）

ログイン後にコピー

以下の反復処理には foreach 関数を使用します。

具体的なコードは次のとおりです。

<!DOCTYPE html>
<html>
  <head>
    <meta charset = "utf-8">
    <title>JavaScriptでのforeach関数の使い方でのforeach関数の使い方でのforeach関数の使い方</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>

ログイン後にコピー

実行結果は次のとおりです。以下に続きます

JavaScriptでのforeach関数の使い方でのforeach関数の使い方でのforeach関数の使い方

上記のコードを詳しく分析してみましょう

コード 1:

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

ログイン後にコピー

「cats」の配列を設定し、処理ごとに配列データごとに実行します。この関数は、配列内の各データを cat という変数として受け取り、console.log に出力します。配列内のデータに対してこれを繰り返します。

結果、以下の文字列が出力されます。

JavaScriptでのforeach関数の使い方でのforeach関数の使い方でのforeach関数の使い方

コード 2:

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

ログイン後にコピー

コールバック関数は、データのインデックス番号をパラメータとして取得できます。

「ランナー」の配列を設定し、各配列データに対してforeach処理を実行します。

結果、以下の文字列が出力されます。

JavaScriptでのforeach関数の使い方