ホームページ > ウェブフロントエンド > フロントエンドQ&A > JavaScript ループの 3 つの方法は何ですか?

JavaScript ループの 3 つの方法は何ですか?

青灯夜游
リリース: 2021-11-04 15:25:53
オリジナル
12489 人が閲覧しました

JS の 3 つのループ メソッド: 1. while ループ、構文 "while (条件式) {ステートメント ブロック}"; 2. "do-while" ループ、構文 "do{ステートメント ブロック}while( 条件式)"; 3. for ループ、構文「for (変数の初期化; 条件式; 変数の更新) {ステートメントブロック}」。

JavaScript ループの 3 つの方法は何ですか?

このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

JavaScript を使用すると、同じコードを何度も実行する必要が生じることがよくあります。これは時間の無駄であり、非効率的です。ループを使用することは賢明な選択であり、効率が大幅に向上し、コードが削減されます。量。

JS には 3 種類のループがあります:

1、while ループ

2、do-while ループ

3 , for ループ

1. While ループ

1. while ループの文法構造:

while(条件表达式){
当条件表达式为布尔值true时要执行的语句块
}
ログイン後にコピー

2. while ループの応用

while ループは、特殊文字が入力されるまで整数をループするようにユーザーに要求する場合など、ループの回数がわからない状況でよく使用されます。ループの回数を知る方法はありません。起こる。例:

JavaScript ループの 3 つの方法は何ですか?
JavaScript ループの 3 つの方法は何ですか?

# 2. do…while

#1. do… の文法構造while:

do{
条件表达式为true时执行的语句块
}while(条件表达式)
ログイン後にコピー

2. do...while

do-while ループと while ループの違いは、最初にループ内でステートメントを実行し、次に式が正しいかどうかを判断することです。 If true の場合、ループは続行され、False の場合、ループは終了します。したがって、do-while ループはループ ステートメントを少なくとも 1 回実行する必要があります。次のように:

JavaScript ループの 3 つの方法は何ですか?

##3. for ループ

1. for ループの構文構造:

for(变量初始化;条件表达式; 变量更新){
条件表达式为true时执行语句块
}
ログイン後にコピー
2 . for ループの応用例

for ループはループ回数が比較的明確な場面でよく使われ、何回ループする必要があるのか​​が一目でわかるタイプです。比較的直感的です。for ループの最初の文には変数の初期化が含まれており、ループが終了します。条件と更新された各値、実際に行われることはループ本体内で実行されます。たとえば、for(n=1;n

JavaScript ループの 3 つの方法は何ですか?

3. for ループの変換

  • for-in---オブジェクトのプロパティをループします

  • forEach---ES5 では新しいループが導入されています

  • for-of---ES6 では新しいループが導入されています

4. 3 つの違いを比較します。

1. while は最初に条件を判断してからループ本体を実行します。初期条件が満たされない場合、while ループは実行されます。本体は実行されません(判断してから実行します)

2. Do-whileはループ本体を先に実行してから条件を判定します。条件が成立するか否かに関わらず、ループ本体が先に実行されます。 。 (先に実行してから判定する)

3. forは条件を判定してからループ本体を実行するもので、一般的にはwhileと同様で、ループ回数が決まっている場合に使用します。

[推奨学習:

JavaScript 上級チュートリアル]

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート