1. ちょっと詳しくJavaScript 特別編【そして伝説へ…】
～FizzBuzz問題に見るfor文の挙動～
2011年11月11日
株式会社ランチェスター
TEL: 03-5775-3395 Fax:03-5775-3396
URL: http://www.lanches.co.jp/

2. それは一通のメールから始まった
以下の問題を何の言語でもいいので実装してください。
回答時間は10分です
問題
1から100までの数をプリントするプログラムを書け。ただし3の倍数のときは数
の代わりに「Fizz」と、5の倍数のときは「Buzz」とプリントし、3と5両方の倍
数の場合には「FizzBuzz」とプリントすること。
---------------ここからはプログラマーの基本素養をみるって話--------------
上の「FizzBuzz問題」は知ってる人は知ってる、
プログラマーの素養を見るための簡単な問題です。
上の例題を出して実際に作ってもったコードを見て、
この人に素養があるかどうかを判断します。
実際問題これの回答を出せない人が居たりするみたいです。
(業務ではちゃんとプログラミングしてる人ですよ？)
この問題を解くのに10分以上かかったら……ヤバイかもしれませんよ？ｗ
Proprietary and Confidential to Lanchester Co.,LTD. Page 1

3. 最終的に出来上がったコード
for(i=0;i++<100;document.write(i%5?s||i:s+"Buzz","<br>"))s=i%3?"":"Fizz";
Proprietary and Confidential to Lanchester Co.,LTD. Page 2

4. ちょっとだけ見やすく
for(i=0; i++<100; document.write(i%5 ? s || i : s+"Buzz", "<br>")) {
s = i%3 ? "" : "Fizz";
}
Proprietary and Confidential to Lanchester Co.,LTD. Page 3

5. ちょっとだけ見やすく
わかんねぇよ!!
Proprietary and Confidential to Lanchester Co.,LTD. Page 4

6. まずはfor文の動作について
1～100まで表示
for(i=1; i<=100; i++) {
document.write(i, "<br>");
}
このコードの評価は
i=1
i<=100
document.write(i, "<br>")
i++
の順序で行われます。
Proprietary and Confidential to Lanchester Co.,LTD. Page 5

7. まずはfor文の動作について － ２
各エリアごとに注目すると
for(１; ２; ４) {
３;
}
の順序で実行され、2がfalseの時にループを抜けます。
なので先ほどのコードを短縮化すると
for(i=0; i++<100; document.write(i, "<br>")) {
;
}
となります。
Proprietary and Confidential to Lanchester Co.,LTD. Page 6

8. まずはfor文の動作について － ３
つまり
for(i=0; i++<100; document.write(i, "<br>")) {
;
}
は
i=0
i++<100 （iが100未満か？、の評価後にiをインクリメント）
document.write(i, "<br>")
; （何もしない）
となる。
最終的に、スペースやブロック宣言などをなくしてしまえば
for(i=0;i++<100;document.write(i,"<br>"));
こうなる。
Proprietary and Confidential to Lanchester Co.,LTD. Page 7

9. つぎはFizzの番
ここまでを踏まえると、
for(i=0; i++<100; document.write(i%5 ? s || i : s+"Buzz", "<br>")) {
s = i%3 ? "" : "Fizz";
}
これは
i=0
i++<100
s = i%3 ? "" : "Fizz"
document.write(i%5 ? s || i : s+"Buzz", "<br>")
の順序になるので、1～100までのループをしつつ、iが3で割り切れな
いときには空文字列、割り切れたときは"Fizz"を変数sにセットする。
s = i%3 ? "" : "Fizz"
ちなみに歴史的理由によりfalseは0や空文字列、trueは非0や文字列
で代用でき、それを利用した三項演算子の使用法ですがややこしいの
で普段は使っちゃダメですよ？
Proprietary and Confidential to Lanchester Co.,LTD. Page 8

10. さいごにBuzzの番
最後にBuzzを処理するけど
i%5 ? s || i : s+"Buzz"
iが5で割り切れたときにsに"Buzz"を足す方はいいとして、5で割り切れ
なかったときの
s || i
これは何かというとif文で使われる||（or）です。
つまり変数を展開すると
"" || i （3で割り切れなかったとき）
"Fizz" || i （3で割り切れてたとき）
のどちらかになります。
論理演算の値は「最終的に評価した値」を返しますので、前者は空文
字列なので値的にはfalseとなりorの次のiが最終的な値、後者は"Fizz"
が値的にはtrueなので"Fizz"が最終的な値となります。
Proprietary and Confidential to Lanchester Co.,LTD. Page 9

11. まとめ
for(i=0; i++<100; ) {
if( i % 3 != 0 ) {
s = "";
} else {
s = "Fizz";
}
if( i % 5 != 0 ) {
if( s != "" ) {
document.write( s, "<br>" );
} else {
document.write( i, "<br>" );
}
} else {
document.write( s + "Buzz", "<br>" );
}
}
for(i=0;i++<100;document.write(i%5?s||i:s+"Buzz","<br>"))s=i%3?"":"Fizz";
Proprietary and Confidential to Lanchester Co.,LTD. Page 10

12. 株式会社ランチェスター
TEL: 03-5775-3395 Fax:03-5775-3396
URL: http://www.lanches.co.jp/