条件文

流れ図

プログラムは記述した順に実行されました。 次のようなプログラムがあったとします。

•  文１
   文２
   文３

ここでは、文１～３は代入文かprint文だと考えてください。 このプログラムを実行すると、文１～３はこの順に実行されます。

実行の順序を図で表すと次のようになります。

処理の流れ（実行順序）を表すための図を流れ図といいます。

条件文の書き方

いつも同じ処理をするだけでなく、場合によって処理内容を変えることができると、もっといろんなプログラムが書けます。

条件によって処理内容を変えるための、もっとも基本的な文が if文 です。

if文の書き方は

です。

丸で囲まれたところはその通りに書きます。 条件のところには、数の比較などが書けます。 文のところには、代入文や print文などが書けます。

if文はしばしば数行を使って記述します。

例を示します。

•  if ( tate > 20 ) {
       wa = tate + 10;
       sa = tate - 30;
   }

書き方と対応させて見ましょう。 丸で囲まれた部分に対応する if ( ) { } の位置を確認してください。

• 条件に対応するのは tate > 20 だと分りますね。

• 文に対応するのは wa=tate+10; と sa=tate-30; の２行です。

条件文の実行

if文の処理順序は次のようになります。

• （１） 条件が成り立つか判定する
• （２） 条件が成り立っているときだけ、{ } で挟まれた文を実行する。

条件が成り立たないときは、（２）では何も行われないことになります。

このようなプログラムがあったとします。

•  文１
   文２
   if ( 条件 ) {
       文３
       文４
   }
   文５

このプログラムを流れ図であらわすと、次のようになります。 点線で囲んだ範囲が if文に対応する部分です。

処理順序は

• （１） 文１が実行されます。
• （２） 文２が実行されます。
• （３） 条件が成り立つか判定されます。
• （４） 条件が成り立っているときだけ、文３、文４の順に実行されます。
• （５） 文５が実行されます。

です。

条件

条件のところには、数値の比較などが記述できます。 他にも論理式を含め、いろいろな条件を記述できますが、この授業では２つの数値の比較のみを扱います。

数値とは、リテラルで表された数値、変数名が表す数値、それらを使った数式、関数などのことです。

２つの数値が、等しいか、等しくないか、大きいか、小さいかなどの比較ができます。

比較を表すには次の記号を使います。

• 記号	意味
  ==	等しい
  !=	等しくない
  >	大きい
  >=	大きいか等しい
  <	小さい
  <=	小さいか等しい

等しいことの判定にはイクオール２つ、等しくないことの判定には！とイクオールです。注意してください。

• 例	意味
  maru == 12	maruの値が１２と等しい
  hidari < migi	hidariがmigiより小さい
  x + y >= 30	x+yの値が３０より大きいか等しい

書き方の例

条件が成り立つときだけ実行される部分を、右にずらして書いています。 このように揃えて分りやすく書きましょう。

•  if ( tate > 20 ) {
       wa = tate + 10;
       sa = tate - 30;
   }

print 文も使えます。

•  if ( tate == 20 ) {
       wa = tate + 10;
       print( '縦が２０です' );
   }

条件が成り立つときだけ実行される部分が１文だけのときは、このように書くこともあります。

•  if ( tate <= 20 ) { wa = tate + 10; }

条件が成り立つときだけ実行される部分が１文だけのときは、括弧を省略することもできます。今回は使いません。

•  if ( tate != 20 ) wa = tate + 10;

条件文の書き方（１）

if文の書き方は

であり、処理の流れは図に示す通りです。 図では、いくつかの文をまとめて処理という箱で表しています。 条件が成り立つときだけ、処理の部分を実行します。

この流れ図に対応するif文は次のように書きます。

•  if ( 条件 ) {
       処理
       
   }

条件文の書き方（２）

条件が成り立つときとそうでないときで、別の処理をさせたいことがあります。 流れ図で示すような場合です。

条件が成り立つときは処理１を行い、そうでないときは処理２を行います。

この流れ図に対応するif文は else を使って次のように書きます。

•  if ( 条件 ) {
       処理１
   }
   else {
       処理２
   }

処理と書いた部分は、文がいくつか並んだものです。 ｛ と ｝ で挟まれた部分は、このように右にずらして書くと分りやすい。

elseを含むif文の構文図はこのようになります。

条件文の書き方（３）

if文の中の処理の部分には、代入文やprint文だけでなく、if文を書くこともできます。 そうすることで、いくつもの場合に分けた処理を行うことができます。

多くの場合に分けるときは、次のように考えます。

条件１が成り立つときは、処理１を行い、
そうではなくて（条件１が成り立たなくて）条件２が成り立つときは、処理２を行い、
そうではなくて（条件１も条件２も成り立たなくて）条件３が成り立つときは、処理３を行い、
そうではない（条件１も条件２も条件３も成り立たない）ときは、処理４を行う。

この流れ図に対応するif文は次のように書きます。

•  if ( 条件１ ) {
       処理１
   }
   else if ( 条件２ ) {
       処理２
   }
   else if ( 条件３ ) {
       処理３
   }
   else {
       処理４
   }

if文と流れ図が対応していることを、確認してください。 最初の条件は if で、２番目以降の条件は else if で記述します。 最後は else です。

例題

次の図で haba を与えて、面積と周囲の長さを表示する関数 kao を作りなさい。

プログラムのおよその形はこのようになりました。 ３行目以下で計算し、変数 wa に面積を代入しています。 そのあとprint文を使って表示します。面積のみ示していますが、実際は他の表示も必要です。 値を返さないreturn文を使っています。値を返してもかまいません。

•  function kao ( haba ) {
       var ...
       ...
       wa = ...
       print ( '面積は', wa, 'です' );
       return;
   }

面積の計算

面積を計算するには、四角や三角の部分に分けて部分ごとに面積を計算し合計します。 さらに２つの円の面積を計算して、これを引けば求まります。

関数の中でprintを行っているので、引数の値を変えて呼び出すことで結果が表示されます。 例えば

•  js> kao(9);
   幅 9 のとき
   面積は 111.80 です
   js> kao(10);
   幅 10 のとき
   面積は 125.66 です

のようになります。

これらは正しく計算されているようですが、引数の値によっては正しく計算できない場合があります。

幅６のときを計算させてみると

•  js> kao(6)
   幅 6 のとき
   面積は 67.98 です

と表示されますが、実際の形と比べてみると正しくないことが分ります。

円の半径が２ですから、幅が８より小さいときは範囲内に２つ並べることができず、はみ出してしまいます。 このような場合は、面積を求めることができません。

また幅が２０より大きくなるとアゴの三角形ができなくなり、この場合も面積は求まりません。

計算が正しく行えないときは、そのことを表示するようにしましょう。

if文を使って

• 条件 haba < 8 が成り立つときだけ '幅が小さすぎます' が表示される

ようにします。

•  function kao ( haba ) {
       var ...
       ...
       wa = ...
       print ( '面積は', wa, 'です' );
       if ( haba < 8 ) { print( '幅が小さすぎます' ); }
       return;
   }

条件 haba < 8 が成り立つときだけ、print( '幅が小さすぎます' ); が実行されます。 条件 haba < 8 が成り立たないときは、print( '幅が小さすぎます' ); は実行されません。

したがって、habaの値が 6 のように８より小さいときにはprintが行われ、 habaの値が 10 のように８より大きいときにはprintは行われません。

実行するとこのようになります。

•  js> kao(6);
   幅 6 のとき
   面積は 67.98 です
   幅が小さすぎます
   js> kao(10);
   幅 10 のとき
   面積は 125.66 です

実際には、幅が小さすぎるときや大きすぎるときには 面積がを表示しないようにするのがよい。