第八回 「繰り返し処理（２）」
前回は繰り返し処理を学びました。それが以下のものでした。
<html>
<head>
<title></title>
</head>
<body>
<script language="JavaScript"><!--
for (i=0; i<10; i++) document.write("バグ<br>");
// --></script>
</body>
</html>
現実的に、こんな簡単な事例は少ないでしょう。状況に応じた変化に適応できるプログラムが組めるようになりたいものです。
ということで、上記プログラムを使って1から10までの値を表示させてみることにしましょう。
<html>
<head>
<title></title>
</head>
<body>
<script language="JavaScript"><!--
for (i=0; i<10; i++) document.write(i);
// --></script>
</body>
</html>
document.write()は以前、数字はそのまま表示され、文字列を表示する場合は"または'で囲む、と学びました。上記サンプルではdocument.write(i)でiは数字ではありませんから「エラーになる」気がします。しかしブラウザ上で実行させてみるとエラーなく、０〜９までの値が表示されます。
なぜでしょうか？ これはiが「変数」だからです。変数は、その名の通り「変化する値」を持っています。サンプルでは変数であるiは０から９までの値に変化しているのです。０〜９まで変化している値がdocument.write()によって表示されている、ということです。document.write()は「数字」「文字列」だけでなく「変数」の値も表示させることができるのです。
iは０〜９まで変化する「変数」ですが、上記サンプルは本当は
「１〜１０」までの値を表示させるはずでした。１〜１０まで表示させるには、どうすれば良いのでしょうか。
「１を足せば良い」
というのが手軽でしょう。では、どうやってiに１を足せば良いのでしょうか。iに１を足して１〜１０まで表示させるプログラムが以下のものです。
<html>
<head>
<title></title>
</head>
<body>
<script language="JavaScript"><!--
for (i=0; i<10; i++) document.write(i+1);
// --></script>
</body>
</html>
変数であるiの横に+1を追加しました。これで１〜１０までの値が表示されます。+1でなく-1とするとー１〜８までの値が表示されます。そう、単純に四則演算の記号（+-*/）を記述するだけで計算結果が表示される、というわけです。
次回は、この四則演算について説明します。