for文の多重ループ

for文でのインクリメント/デクリメント演算子

上記のインクリメント演算子を使って
2から100まで2づつ増えていくfor文を作成しましょう。

一つのfor文（ループ）の中に、さらにfor文を入れることができます。もちろん入れ子の深さを二重、三重、…と深くしていくことも可能です。これらをまとめて多重ループと呼びます。
ここでは、for文による二重ループを使って、九九の表を表示するプログラムを作ってみましょう。

for ( 変数ｉの初期値 ;　 繰り返し条件  ;　 変数の変更  ) {
　　　for (   変数ｊの初期値 ; 繰り返し条件  ;   変数の変更 ) {
      　 処理の結果
　　　}
　処理の結果
}

この場合の処理の順序は、次のようになります

まず変数ｉを参照します
jの繰り返し条件が終了するまで処理を繰り返し行う
jの処理の終了後、ｉの処理を行う

<!DOCTYPE HTML>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>for文の復習</title>
<style>
table{
width:600px;
border:1px solid #333;
border-collapse:collapse;
}
th{
background:#FF9933;
}
th,td{
border:1px solid #333;
}
</style>
</head>
<body>
<table>
<caption>九九の表</caption>
<script>
//九九の表を作成する
//1行目の見出しだけを作る
document.write('<tr><th></th>');
for(var a=1;a<=9;a++){
document.write('<th>'+a+'</th>');
}
document.write('</tr>');
for(var i=1;i<=9;i++){
document.write('<tr>');
document.write('<th>'+i+'</th>');
	for(var j=1;j<=9;j++){
	document.write('<td>'+i*j+'</td>');
	}
document.write('</tr>');
}
</script>
</table>
</body>
</html>