スタートページ＞ Javascript＞ CoffeeScript
CoffeeScriptの概要← （１）変数の指定← 文法の基本（２）制御命令>→ （３）関数>→ （４）クラス

CoffeeScript文法の基本（２）制御命令

    if 分岐
    ? 存在演算子
    swich　分岐
    for in　リスト（通常配列）を走査
    for of　連想配列（Object）を走査
    while/until

if 分岐

一般構造

　　JavaScript

if (変数 演算子 値) {
    処理Ａ;
}
else {
    処理Ｂ;
}

    CoffeeScript

if 変数 演算子 値
    処理Ａ; # 字下げ
else
    処理Ｂ; # 字下げ

JavaScript　での {} は、CoffeeScript では字下げで表現します。
(条件式) の ( ) は、曖昧性がない場合は省略可能です。
=, <, > 以外に次の演算子があります。（　）は　JavaScriptでの演算子
　　and (&&)　　or (||)　　not (!)
　　is (===)　　isnt (!==)
10 < x < 30 のような連結も使えます。
「if 条件 then 処理Ａ」「if 条件 then 処理Ａ else 処理Ｂ」が１行で記述できれば、この表記法が使えます。then が必須です。

    CoffeeScript

if a >= 0 
    alert "#{a}は正数"
else
    alert "#{a}は負数"

if b > 0 and c > 0
    alert "二つとも正数"

if 10 < d < 30
   alert "OK"

　　JavaScript

if (a >= 0) {
  alert(`${a}は正数`);
} else {
  alert(`${a}は負数`);
}
if (b > 0 && c > 0) {
  alert("二つとも正数");
}
if ((10 < d && d < 30)) {
  alert("OK");
}

? 存在演算子

JavaScript では、「条件 ? 真の処理 : 偽の処理」という簡素記述法がありますが、CoffeeSceipt では「条件 ? 偽の処理」が使えるだけです。
変数が undefined あるいは null のときの処理に用いられます。

ケース１

「確定していればそのままの値、未確定ならが０とする」ときの記法です。x は確定していますが、y は定義されていません。

    CoffeeScript


x = 10
a = x ? 0
alert a

x ? 0
alert x




# y は定義されていない
b = y ? 0
alert b

y ? 0 # この記法は不適切
alert y

　　JavaScript

var a, b, x;  // y は宣言されていない
x = 10;
a = x != null ? x : 0;
alert(a);     // a=10

if (x != null) {
  x;
} else {
  0;
};
alert(x);     // x=10

b = typeof y !== "undefined" && y !== null ? y : 0;
alert(b);     // b=0

if (typeof y !== "undefined" && y !== null) {
  y;
} else {
  0;
};
alert(y);    // ★エラーになる

ケース２

上の「y ? 0」のエラーを回避するために「y = y ? 0」としました。同じことですが y が左辺に出現するので、var y が加えられ、y は「定義はされているが値は未確定」になりました。これにより、期待通りに y=0 になりました。

    CoffeeScript


b = y ? 0
alert b

y = y ? 0
alert y

　　JavaScript

var b, y;  // y は宣言されているが値は未確定
b = typeof y !== "undefined" && y !== null ? y : 0;
alert(b);   // b=0

y = y != null ? y : 0;
alert(y);   // ★y=0

swich　分岐

次のような字下げで表現します。
JavaScript の case, default が　when. else になります。
各 case で break が自動挿入されます。
case での : は記述しません。

    CoffeeScript


信号 = "赤"
switch 信号
    when "赤"
        alert "停止"
    when "青"
        alert "進行"
    else
        alert "注意"

　　JavaScript

var 信号;
信号 = "赤";
switch (信号) {
  case "赤":
    alert("停止");
    break;
  case "青":
    alert("進行");
    break;
  default:
    alert("注意");
}

for　ループ

CoffeeScript には、for の一般形形 for (x=xmin; x
CoffeeScript では、for in, for of がありますが、次のように使い分けています。
　　for in　　リスト（通常配列）を走査
　　for of　　連想配列（Object）を走査

for in

整数リストでは、次の記法が使えます。i++ のスキップ幅は by で与えます。
　　 [imin..imax] 　for (i=imin; i<=imax; i++)
　　 [imin...imax]　for (i=imin; i<imax; i++)
無理に？一般化して　for (i=imin; i<imax; i=i+di) の形式にするため、仮変数を用いるなど、複雑な for 文になってしまいます。

    CoffeeScript


for i in [0..3]
    alert i

for j in [0...8] by 2
    alert j

リストＡ = ["aaa", "bbb", "ccc"]
for 要素 in リストＡ
    alert 要素

　　JavaScript

var i, j, k, l, len, m, リストＡ, 要素;
for (i = k = 0; k < 3; i = ++k) {
  alert(i);      // 0, 1, 2
}
for (j = l = 0; l <= 8; j = l += 2) {
  alert(j);      // 0, 2, 4, 6, 8
}
リストＡ = ["aaa", "bbb", "ccc"];
for (m = 0, len = リストＡ.length; m < len; m++) {
  要素 = リストＡ[m];
  alert(要素);   // aaa. bbb. ccc
}

for of

連想配列を対象にしています。連想配列は、
　　key: value
もペアで要素を表示します。
連想配列の要素を参照するには、次の形式があります。
　　for key, value of 連想配列
key, value は任意の変数名でよいのですが。この順序にする必要があります

    CoffeeScript


学生 =
    氏名: "阿部"
    学部: "文学部"
    年齢: 20

for key, value of 学生
    キー = key
    値 = value
    alert "#{キー}: #{値}"

　　JavaScript

var key, value, キー, 値, 学生;
学生 = {
  氏名: "阿部",
  学部: "文学部",
  年齢: 20
};
for (key in 学生) {
  value = 学生[key];
  キー = key;
  値 = value;
  alert(`${キー}: ${値}`);
}
        //    氏名: "阿部"
        //    学部: "文学部"
        //    年齢: 20

while/until

while はJavaScript と同じです。
until は while の逆で「～になるまで」です。
下の例では「３未満になるまで」で 5, 4, 3 になります。

    CoffeeScript


i = 5
while i < 8
    alert i
    i++


j = 5
until j < 3
    alert j
    j--

　　JavaScript

var i, j;
i = 5;
while (i < 8) {
  alert(i);
  i++;
}

j = 5;
while (!(j < 3)) {
  alert(j);
  j--;
}