OR条件を使ったif文の挙動

Question

前提・実現したいこと

お世話になっております。
以下のコードで変数sliceにs,h,o,xのいずれかが含まれている場合は「含む」、含まれていない場合は「含まない」と出力するようにしたいのですが、上手くいきませんでした。

lat arry = "box";

let slice = arry.slice(-1);

if(slice === "s" || "h" || "o" || "x"){
  console.log("含む");
}else{
  console.log("含まない");
}

試したこと・質問

そこでこの様に書き直すと上手くいったのですが、最初のコードでは何故ダメだったのかが分かりません。
これにはどういった違いがあるのでしょうか？

if(slice === "s" || slice ==="h" || slice === "o" || slice === "x"){
  console.log("含む");
}else{
  console.log("含まない");
}

Answer 1

こんにちは。

以下の表によると、等価演算子の優先順位は11、ORは6なので、まず===が評価された後に、その結果であるtrueまたはfalseと"h"がORで演算されます。
以下、"o" "x"について同様です。

つまり、((((slice === "s") || "h") || "o") || "x")ということです。

一覧表 | 演算子の優先順位 - JavaScript | MDN

Comments

[..o]

演算子等の優先順位による処理順を考えなくてはいけなかったのですね。
ご回答ありがとうございます。

Answer 2

「式」なので１つ１つ評価されます。

こうなってると思ってください。

if((slice === "s") || ("h") || ("o") || ("x")){

Comments

[..o]

ご回答ありがとうございます。
ではこのような場合のOR条件には必ずひとつひとつ比較しなくてはならないのでしょうか？

[m.ts10806]

要件次第です。
配列に入れて存在するか比較、switch　など。
結局は「コードの評価」になりますので、基本的に並行評価にはなりません。
おおよそどの言語でも同じかと思います。
別の角度から「それっぽい処理」をすることはできますが、要件と発想次第ですかね。

[..o]

ありがとうございます。大変参考になりました。

Answer 3

比較したいのが文字列ならincludesで、配列ならsomeを絡めればよいでしょう

const list=["s","h","o","x"];
const data1 = "x";
console.log(list.includes(data1));
const data2 = ["x"];
console.log(data2.some((x,y)=>list.includes(x)));

Answer 4

質問の回答ではありませんが正規表現で。という方法もありますね。

if( arry.search(/.*(s|h|o|x)$/) !== -1 ){
  console.log("含む");
}else{
  console.log("含まない");
}

Comments

[..o]

searchの中の表現の仕方を初めてみました。
調べてみます。
大変参考になります。ありがとうございます。