jsでのforeachループの使い方

May 06, 2024 pm 01:54 PM

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

jsでのforeachループの使い方

JavaScript forEach() ループの使用法

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

構文

1

array.forEach(callback(currentValue, index, array));

ログイン後にコピー

ここで:

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

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

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

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

1

2

3

4

5

6

7

8

9

10

11

12

13

const numbers = [1, 2, 3, 4, 5];

 

// 打印每个数字

numbers.forEach((num) => {

  console.log(num);

});

 

// 计算数组中数字的总和

let sum = 0;

numbers.forEach((num) => {

  sum += num;

});

console.log(`总和:${sum}`);

ログイン後にコピー

利点

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

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

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

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

ホットな記事タグ

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

JavaScriptの文字列文字を交換します JavaScriptの文字列文字を交換します Mar 11, 2025 am 12:07 AM

JavaScriptの文字列文字を交換します

jQuery日付が有効かどうかを確認します jQuery日付が有効かどうかを確認します Mar 01, 2025 am 08:51 AM

jQuery日付が有効かどうかを確認します

jQueryは要素のパディング/マージンを取得します jQueryは要素のパディング/マージンを取得します Mar 01, 2025 am 08:53 AM

jQueryは要素のパディング/マージンを取得します

トップ5の日付操作JSプラグイン トップ5の日付操作JSプラグイン Feb 28, 2025 am 12:34 AM

トップ5の日付操作JSプラグイン

10 jqueryプラグインをチェックする価値があります 10 jqueryプラグインをチェックする価値があります Mar 01, 2025 am 01:29 AM

10 jqueryプラグインをチェックする価値があります

10 jQuery Accordionsタブ 10 jQuery Accordionsタブ Mar 01, 2025 am 01:34 AM

10 jQuery Accordionsタブ

jQueryはscrollbarをdivに追加します jQueryはscrollbarをdivに追加します Mar 01, 2025 am 01:30 AM

jQueryはscrollbarをdivに追加します

10 Ajax/jQueryオートコンプリートチュートリアル/プラグイン 10 Ajax/jQueryオートコンプリートチュートリアル/プラグイン Feb 28, 2025 am 01:03 AM

10 Ajax/jQueryオートコンプリートチュートリアル/プラグイン

See all articles