ホームページ  >  記事  >  ウェブフロントエンド  >  jsの基本的なループタイプとは何ですか

jsの基本的なループタイプとは何ですか

青灯夜游
青灯夜游オリジナル
2018-12-11 14:52:376433ブラウズ

js の基本的なループの種類は、for ループ、while ループ、do-while ループ、for-in ループです。

この記事では、js の基本的なループの種類とループの実装方法を紹介し、誰もが js ループを簡単に理解できるようにします。

jsの基本的なループタイプとは何ですか

JavaScript でサポートされるループの種類は、基本的に for ループ、while ループ、do-while ループ、for-in ループの 4 つの種類に分類できます。以下に説明します。これら4つのサイクルタイプを詳しく紹介しましょう。 [関連ビデオ チュートリアルの推奨事項: JavaScript チュートリアル]

js for ループ

for ループは、最初に条件が以下であるかどうかを決定します。が True の場合、{} 内のコード ブロックを実行します ({} 内のコード ブロックにステートメントが 1 つだけある場合は、{} を省略できます)。

関数: ループの反復回数がわかっている場合、それを使用して、コードのブロックを固定回数ループすることができます。

#構文:

for(表达式1;表达式2;表达式3)  
{  
    要执行的代码块
}

説明:

式 1: ループの変数を宣言し、変数を初期化します。

式2: ループの判定条件

式3: ループのインクリメントはループを更新するための変数(インクリメント、デクリメント可能)

注: for ループ内の複数の式はセミコロン「;」で区切る必要があり、for ループ内の式は省略できますが、「;」が 2 つ存在する必要があり、省略できません。 、for(;;) の形式にすることができます。

実行フローチャート:

jsの基本的なループタイプとは何ですか

例: for ループの簡単な例

<script>  
	for (i=1; i<=5; i++)  
	{  
	    document.write(i + "<br/>")  
	}  
</script>

レンダリング チャート:


jsの基本的なループタイプとは何ですか

この例では、変数 i が宣言され、値 1 が変数 i に割り当てられます。この変数 {} は、変数 i の値が小さい場合にのみ実行できます。 5. ステートメント ブロック。for ループが終了するたびに、変数 i の値は 1 ずつ増加します。

js while ループ:

while ループは、指定されたコード ブロックを実行する役割も最初に決定します

: 指定された条件式が true の場合は、指定されたコード ブロックをループします。ループの反復回数が不明な場合は、これを使用して要素コード ブロックを無限にループできます。

構文:

while(条件表达式)  
{  
    要执行的代码块
}

注: while ループの条件式では、条件式の結果がどのようなものであっても、次のように入力します。 、最終的には論理値 true と false に変換されます。

実行フローチャート:

jsの基本的なループタイプとは何ですか

例: while ループの簡単な例

<script>  
var i=11;  
while (i<=15)  
{  
document.write(i + "<br/>");  
i++;  
}  
</script>

レンダリング チャート:

jsの基本的なループタイプとは何ですか

while ループが無限ループになるのを防ぐため、while ループの実行コードブロックに「インクリメント」を追加して判定ループ変数を更新します。

do-while ループ:

do-while ループは、条件式の結果がどうかに関係なく、最初に実行されてから判定されます。 true または false の場合、コードは少なくとも 1 回実行されます。

文法:

do{  
    要执行的代码  
} while(条件表达式);

実行フローチャート:

jsの基本的なループタイプとは何ですか#例: do while ループの簡単な例

<script>  
var i=21;  
do{  
document.write(i + "<br/>");  
i++;  
}while (i<=25);  
</script>

実行結果:

jsの基本的なループタイプとは何ですか

for-inループ:関数:主に使用するループオブジェクトのプロパティによる

構文:

for(keys in zhangsan)
{
要执行的代码  
}

例:

var obj = {
  a: 1,
  b: "lian"
};
//给obj定义一个不可枚举的属性c
Object.defineProperty(obj, "c", {
  value: 2,
  emumerable: false,
  writable: true,
  configurable: true
});
//虽然属性c不可枚举,但是值依然存在
console.log(obj.c); //2
for (var i in obj) {
  //只会遍历可枚举属性
  console.log(obj[i]); //1 lian
  }

実行結果:

jsの基本的なループタイプとは何ですか概要:以上がこの記事の全内容となりますが、皆様の学習のお役に立てれば幸いです。

以上がjsの基本的なループタイプとは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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