JavaScript 制御構造のソースを表示新しいページはコチラ

[[JAVA Script#リファレンス]]に戻る。
== コメント ==
命令文の中に記述するコメントの記載方法はC++言語と同じです。
*//
:行頭および命令文中に上記のキーワードがあった場合、その行のそれ以降の文字はコメントとして扱われます。
*/*～*/
:/*以降は次に*/のキーワードが登場するまですべてコメントとして扱われます。

サンプル
<syntaxhighlight lang="javascript" line start="1">
<HTML>
<HEAD>
<TITLE>JavaScript 制御構造 コメント</TITLE>
<SCRIPT Language="JavaScript">
<!--
//	alert("コメント1");
/*
	alert("コメント2");
*/
-->
</SCRIPT>
</HEAD>
<BODY>
JavaScript 制御構造 コメント
</BODY>
</HTML>
</syntaxhighlight>
[[Media:JavaScript SeigyoKozo Comment.html|実行結果サンプル]]


実行結果サンプルは処理するというよりは、コメント化されていて、何もJAVAスクリプトの動作がないということを確認するだけのつまらないものです。


== 条件分岐 ==
これもC++言語に酷似しています。
=== if(条件)～else if(条件)～else～ ===
*if(条件)
:これが条件分岐の基本です。例えば
*if(i > 2) alert("条件成立");
:のようにifによる条件判定の結果、処理する内容が1命令なら、{}を利用することなく、条件成立時の処理をifの後ろに続けて書くことができます。例えば、条件判定の結果、処理する内容が2命令以上なら{}の範囲を条件成立時の処理内容として定義できます。
*if(i > 2) {alert("条件成立");alert("条件成立後処理２");
:と、こんな具合だ。実際には一行に書かずにプログラムをインデントして記述するのが通常だ。

:基本を発展させていくと、条件非成立時の処理をelseの後ろに記述できます。例えば
*if(i > 2) alert("条件成立"); else alert("条件非成立");
:とこんな具合だ。これも実際には改行を適宜挿入し、インデントして記述する。処理内容が複数あれば、{}を使うのは同様。
*if(i > 2) alert("2より大きい");else if(i < 0) alert("0より小さい"); else alert("条件非成立");
:else　ifにより最初ifの条件には当てはまらないが、else ifの条件に当てはまる場合の処理のような記述ができる。

サンプル
<syntaxhighlight lang="javascript" line start="1">
<HTML>
<HEAD>
<TITLE>JavaScript 制御構造 if</TITLE>
<SCRIPT Language="JavaScript">
<!--
var i = 4;
//条件成立後処理が1命令の場合({}不要)
if(i > 2) alert("条件成立コメント1");

//条件成立後処理が2命令の場合({}利用)
if(i > 2){
	alert("条件成立コメント2-1");
	alert("条件成立コメント2-2");
}
i = 0
//条件非成立時処理のelseを使ったサンプル
if(i > 2){
	alert("条件成立コメント3-1");//※a.1命令でも{}で処理範囲を指定してもよい。
}
else{
	alert("条件非成立コメント3-1");
}
i = -1
//条件非成立時処理のelseを使ったサンプル
if(i > 2){
	alert("条件成立コメント4-1");
}
else if(i < 0){
	alert("条件非成立後の条件2成立時コメント4-1");
}
else{
	alert("条件非成立コメント4-1");
}

-->
</SCRIPT>
</HEAD>
<BODY>
JavaScript 制御構造 if(本文が表示されるまでに何度かダイアログが表示されます。)
</BODY>
</HTML>
</syntaxhighlight>
[[Media:JavaScript SeigyoKozo if.html|実行結果サンプル]]

実行の結果、ダイアログが表示されて、「条件成立コメント1」→「条件成立コメント2-1」→「条件成立コメント2-2」→「条件非成立コメント3-1」→「条件非成立後の条件2成立時コメント4-1」という具合に一連のダイアログ表示処理がされてからbody部の記述が始まり、本文が表示されるような動作になります。もし、訪問しただけで、こんなにダイアログが表示されるJavaScriptが動作するような、こんなサイトがあったらうざくてしょうがないっすね。

=== switch(判定変数)case 条件値:～default ===

== 繰り返し ==
=== for(初期化;条件;条件値変化量処理)～ ===

=== for(変数 in 配列要素オブジェクト)～ ===

=== 初期化 while(条件)～条件値変化量処理～ ===

=== 初期化 do～条件値変化量処理～while(条件) ===

=== for(初期化;条件;変化量処理) ===

== ループ制御 ==
=== continue ===

=== break ===

== 変数 ==
=== var 生成 ===

=== const 定数 ===

=== オブジェクト 生成 ===

=== delete 消滅 ===

=== this ===

=== with 省略表記 ===

== 関数 ==
=== function 関数 ===


[[JAVA Script#リファレンス]]に戻る。