JavaScript エラーは無いが、for文内部のif文が出力されない

Question

#下記コードで、for文内部のconsole.log二種を表示させたいです

var source = "0,1,2,"; // 最後のカンマが余計なのは仕様です。必ず0～6の数字の文字列になります。
var sp = source.split(",");
var count = sp.length;

console.log(sp);
console.log(count);


for(var i=0;i<sp.length - 1;i++) {
    Number(sp[i]);
    console.log(sp[i]);
    if (sp[i] === 0) {
        console.log(sp[i]); //ここ表示させたい
        console.log("ZEEEROOOO"); //ここ表示させたい
    } else if (sp[i] === 1) {
        console.log(sp[i]); //ここ表示させたい
        console.log("OONEEEEEEEEE"); //ここ表示させたい
    } else if  (sp[i] === 2) {
        console.log(sp[i]); //ここ表示させたい
        console.log("TWOOOOOOOO"); //ここ表示させたい
    }
}

###出力
[ '0', '1', '2', '' ]
4

これのみで、「ここ表示させたい」の部分は表示されません
エラーメッセージ等はありません

#環境
paiza.io

Answer 1

spの中身はすべて文字列なので、この条件だと一致しません。

if (sp[i] === 0) {}

数値型に変換するか、比較の条件を文字列にすると良いかと思います。

if (sp[i] === '0') {}
// もしくは
if (Number(sp[i]) === 0) {}

Comments

[yamayama-ya-ma]

if文条件式内でNumber()とする事もできるんですね。無事動作しました!ありがとうございます。

Answer 2

Number(sp[i]);ってやってる箇所、おそらくこれでキャストができてるつもりなんでしょうけど、var x = Number(sp[i]);とでもやって戻り値を取らないと意味ないんじゃ。（で、xをif文に使う）

Comments

[yamayama-ya-ma]

ありがとうございます。質問文中のコードのif文の=== を ==にしたら解決できたのですが、ご提示頂いた方法ではi　===　のままで行けました！今後の参考になります！

Answer 3

文字列と数値を===で比較しているので、絶対に真にはなりません。
==で比較して文字と数値の自動変換機能を使うか、どちらも文字列にして比較、または、どちらも数値にして比較します。

Comments

[yamayama-ya-ma]

ありがとうございます。==にしたら無事表示されました！

[otn]

== による比較は、例えば、[]==0 が真だったりするので、かなり注意が必要です。
トリッキーなところでは、[] == ![] も真なんですよね。