ホームページ  >  記事  >  ウェブフロントエンド  >  jsでのforeachループの使い方

jsでのforeachループの使い方

下次还敢
下次还敢オリジナル
2024-05-06 13:54:16596ブラウズ

JavaScript forEach() ループは、配列要素を反復処理するために使用されます。構文: array.forEach(callback(currentValue,index,array))。使用手順: 1. 配列を定義します。 2. forEach() メソッドを呼び出し、コールバック関数に渡します。 3. コールバック関数の要素を処理します。利点: シンプルで理解しやすく、強力で効率的です。

jsでのforeachループの使い方

JavaScript forEach() ループの使用法

はじめに
forEach()ループは、配列の要素を反復処理するための JavaScript の組み込み関数です。配列内の各要素で呼び出されるコールバック関数を引数として受け取ります。

構文

<code class="javascript">array.forEach(callback(currentValue, index, array));</code>

ここで:

  • array は、走査する配列です。
  • callback は、配列の各要素に対して呼び出される関数であり、3 つのパラメータを受け入れます:

    • currentValue : 要素現在処理中です。
    • index: 配列内の現在の要素のインデックス。
    • array: 走査される配列。

使用方法
forEach() ループを使用するには、次の手順に従います。

  1. 配列を定義します。
  2. forEach() メソッドを呼び出し、コールバック関数をパラメータとして渡します。
  3. コールバック関数内で、各要素に対して必要な処理を実行します。

<code class="javascript">const numbers = [1, 2, 3, 4, 5];

// 打印每个数字
numbers.forEach((num) => {
  console.log(num);
});

// 计算数组中数字的总和
let sum = 0;
numbers.forEach((num) => {
  sum += num;
});
console.log(`总和:${sum}`);</code>

利点

  • 理解しやすい:それぞれ() ループの構文は理解しやすく、使いやすいです。
  • 強力な関数: 配列要素とそのインデックスにアクセスするための強力な関数を提供し、さまざまな操作を実行できるようにします。
  • 効率的: forEach() ループは、一度に 1 つの要素に効率的にアクセスできるため、配列を走査する場合に最適です。

  • forEach() ループは元の配列を変更できません。配列を変更するには、map() または filter() メソッドを使用します。
  • forEach() ループはトラバーサルを中断できません。トラバーサルを中断する必要がある場合は、break ステートメントを使用するか、明示的に false を返します。

以上がjsでのforeachループの使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。