2

fizzBuzz関数中、ライン23の||の前後の動作を教えて頂きたいです。
[i % 15] || iの部分です。

*コンソールの結果は、コメントしてあるfizzBuzz関数と同じになりました。

function start(x) {
    fizzBuzz(x);
}

// function fizzBuzz(x) { // REG!
//     var i = 0;
//     for (i = 1; i <= x; i++) {
//         if (i % 3 === 0 && i % 5 === 0) {
//             console.log("fizzbuzz");
//         } else if (i % 3 === 0) {
//             console.log("fizz");
//         } else if (i % 5 === 0) {
//             console.log("buzz");
//         } else {
//             console.log(i);
//         }
//     }
// }

function fizzBuzz(max) {
    var F = 'Fizz', B = 'Buzz';
    for (var i = 1; i <= max; i++) {
        console.log([F+B,0,0,F,0,B,F,0,0,F,B,0,F,0,0][i % 15] || i);
    }
}
2
  • 4
    基本的にコードは画像ではなくテキストで貼り付けてもらえませんか?スマホなど環境によっては小さく読みづらいですし、テキストなら回答で引用する時にコピペすることができます。一部を強調したいとしても「[i%15]||iの部分」と言葉で説明すれば十分かと。
    – unarist
    Commented 2016年11月19日 4:33
  • @unarist それは申し訳ありません。私自身、モバイルの方から投稿し、画像のほうが(通信量は多いですが)拡大でき見やすいと思い画像を使用させてもらっていました。貴重なご意見ありがとうございます。
    – Louis
    Commented 2016年11月19日 5:34

1 件の回答 1

5

まず[F+B,0,0,F,0,B,F,0,0,F,B,0,F,0,0]はFizzBuzzの0から14に対する結果を収めた配列です。
次にこの配列からi % 15番目の要素(value)を取り出しています。
最後に|| iですが、JavaScriptの||演算子は左辺がtrueと見なせる場合は左辺の値を、そうでなければ右辺の値を返す操作ですので0 || iiになります。
ですので23行の内容は冗長に書くと以下のような処理になります。

var array = [F+B,0,0,F,0,B,F,0,0,F,B,0,F,0,0];
var value = array[i % 15];
if (value !== 0) {
    console.log(value);
} else {
    console.log(i);
}

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。