OR（||）のように、スイッチの複数のケースをテストする

どのように使用することになりswitch case、あなたがのためにテストする必要がある場合やBと同じ場合には？

switch (pageid) {
  case "listing-page" || "home-page":
    alert("hello");
    break;
  case "details-page":
    alert("goodbye");
    break;
}

フォールスルーを使用できます。

switch (pageid)
{
    case "listing-page":
    case "home-page":
        alert("hello");
        break;
    case "details-page":
        alert("goodbye");
        break;
}

他の答えはそれが機能する理由を実際に説明せずにそれを行う方法を説明したので：

がswitch実行されると、最初に一致するcaseステートメントが見つかり、切り替え後のステートメントの各行がbreakステートメントまたはステートメントの最後switch（またはreturnステートメント全体を含むステートメント）に到達するまで実行されます。break次のコードcaseも実行されるように意図的に省略した場合は、「フォールスルー」と呼ばれます。OPの要件は次のとおりです。

switch (pageid) {
   case "listing-page":
   case "home-page":
      alert("hello");
      break;

   case "details-page":
      alert("goodbye");
      break;
} 

breakステートメントを含めることを忘れることはかなり一般的なコーディングの間違いであり、switch期待どおりに機能していない場合に最初に確認する必要があります。そのため、ブレークステートメントが意図的に省略されていることを明確にするために、「フォールスルー」とコメントを入れたい場合があります。次の例では、少し複雑で、フォールスルーする前に実行するコードを含めることができる場合があることを示しているので、これを行います。

switch (someVar) {
   case 1:
      someFunction();
      alert("It was 1");
      // fall through
   case 2:
      alert("The 2 case");
      // fall through
   case 3:
      // fall through
   case 4:
      // fall through
   case 5:
      alert("The 5 case");
      // fall through
   case 6:
      alert("The 6 case");
      break;

   case 7:
      alert("Something else");
      break;

   case 8:
      // fall through
   default:
      alert("The end");
      break;
}

（オプションで）defaultケースを含めることもできます。これは、他のケースが一致しない場合に実行されます-を含めず、default一致するケースがない場合は、何も起こりません。（オプションで）デフォルトのケースに進むことができます。

したがって、私の2番目の例でsomeVarは、1の場合に呼び出されsomeFunction()、複数のケースに該当する場合に4つのアラートが表示されます。であるsomeVarあなたが2回の警告を参照してくださいね3、4または5です。someVar7の場合は「何か他の値」が表示され、8またはその他の値の場合は「終わり」が表示されます。

2つのcaseラベルを作成する必要があります。

コントロールは最初のラベルから2番目のラベルに移るので、どちらも同じコードを実行します。

あなたはそれを切り替える必要があります！

switch (true) {
    case ( (pageid === "listing-page") || (pageid === ("home-page") ):
        alert("hello");
        break;
    case (pageid === "details-page"):
        alert("goodbye");
        break;
}

忘れswitchてbreak、で遊んでみましょうif。そして主張する代わりに

if(pageid === "listing-page" || pageid === "home-page")

ケース付きのいくつかの配列を作成し、それをArray.prototype.includes（）で確認します

var caseA = ["listing-page", "home-page"];
var caseB = ["details-page", "case04", "case05"];

if(caseA.includes(pageid)) {
    alert("hello");
}
else if (caseB.includes(pageid)) {
    alert("goodbye");
}
else {
    alert("there is no else case");
}

大文字と小文字を区切るにはカンマを使用します

switch (pageid)
{
    case "listing-page","home-page":
        alert("hello");
        break;
    case "details-page":
        alert("goodbye");
        break;
}