javascriptのswitch文に関して

Question

いつもお世話になっております。
switch文に関して質問なのですが、こちら、文法的に間違っている部分はありますでしょうか？
percentageを入れるとcosnoleを出すだけの処理です。

var setPercentage = function(percent){
  switch(percent){
    case percent < 16.66:
      console.log('16.66以下');
    break;

    case percent < 33.32:
      console.log('33.32以下');
    break;

    case percent < 49.48:
      console.log('49.48以下');
    break;

    case percent < 66.64:
      console.log('66.64以下');
    break;

    case percent < 83.3:
      console.log('83.3以下');
    break;

    case percent <= 100:
      console.log('100以下');
    break;

    default:
      console.log('それ以外');
    break;
  }
}

これに対して

setPercentage(14);

このように実行すると

それ以外

と出力されます。

予想では

16.66以下

と出ると思っていました。。。

小さいミスのような気がしてるのですが探せません。。。
ご教授お願い致します、

Answer 1

switchはsetされた値とcaseの値を === で比較するので、
14 < 16.66:つまりtrueとの比較をしているということになります。
なのでもしswitch文で実現したいのでしたら、

var setPercentage = function(percent){
  switch(true){
    case percent < 16.66:
      console.log('16.66以下');
    break;

としてみるといいと思います。

Answer 2

switch(true)
あと以下なので
case percent <= 16.66

Answer 3

あまり良くない方法かもしれませんが、

switch(percent)

を

switch(true)

にすると動くと思います。
理由は以下の通りです。
caseに書いた式は判定がなされ、trueまたはfalseが入ります。ですので、percentと真偽値を比較していることになるので、defaultまで進んでしまいます。

Answer 4

switch文では、カッコの中に書いた「値」と、caseに書かれたものを比較します。

caseに条件式を書く場合、switch(true)とすれば動きますが、この書き方は賛否が割れるものとなっています（Qiitaより）。

うっかりフォールスルーしてしまう危険もありますし、特段理由がなければifを並べたほうがいいのではないかと思います。