Can you include conditional logic within a switch statement?

Question

Can you include conditional logic within a switch statement?

I've been using if, else if, and else statements in my code but recently switched to switch statements which have made things much simpler. Now I'm wondering if it's possible to add multiple conditions inside a switch statement, similar to if statements.

For example:

<script>
var textInput = input.value;

switch (textInput) {
case "orange":
    text = "You decided to eat an orange. Do you want to eat another fruit?";
}
document.getElementById("message").innerHTML = text;

</script>

If I wanted to include a response based on whether the user types 'yes' or 'no' after being asked about eating another fruit, how could I add that condition inside the same case?

Is it possible to achieve something like that with switch statements? I hope my question makes sense.

Thank you for your assistance!

javascript switch-statement statements

Answer 1

Answer №1

Feel free to include any regular code within the case block, enabling you to incorporate if statements:

switch (textInput) {
case "orange":
    if (some_other_condition) {
        text = "You've chosen to have an orange. Would you like to try another fruit?";
    } else {
        text = "Okay, that's the final fruit";
    }
    break;
    ...
}

Answer 2

Feel free to include any regular code within the case block, enabling you to incorporate if statements:

switch (textInput) {
case "orange":
    if (some_other_condition) {
        text = "You've chosen to have an orange. Would you like to try another fruit?";
    } else {
        text = "Okay, that's the final fruit";
    }
    break;
    ...
}

Answer 3

Answer №2

As long as the case remains intact, the switch statement will be executed without interruption.

switch (textInput) {
  case "orange":
    text = "You have chosen to consume an orange. Would you like to try another fruit?";
    // break; this line is commented out so we do not break from this case
  case "fruit":
    text = "You have decided to eat a piece of fruit?";
    break;
}

If textInput is either orange or fruit, the value

You have decided to eat a piece of fruit?

will be assigned to text.

This technique allows for combining certain scenarios to some extent, however, it is strongly discouraged due to various complexities.

Answer 4

As long as the case remains intact, the switch statement will be executed without interruption.

switch (textInput) {
  case "orange":
    text = "You have chosen to consume an orange. Would you like to try another fruit?";
    // break; this line is commented out so we do not break from this case
  case "fruit":
    text = "You have decided to eat a piece of fruit?";
    break;
}

If textInput is either orange or fruit, the value

You have decided to eat a piece of fruit?

will be assigned to text.

This technique allows for combining certain scenarios to some extent, however, it is strongly discouraged due to various complexities.

Answer 5

Answer №3

Here is an example of a way to achieve something like this, although it's not typically recommended:

function compareNumbers(num1, num2) {
     switch (true) {
        case num1 > num2:
                    console.log(num1 + " is larger than " + num2);
                    break;
        case num1 < num2:
                    console.log(num2 + " is larger than " + num1);
                    break;
        default:
                    console.log(num1 + " is equal to " + num2);
      }
   }
   
   compareNumbers(5,6);

Answer 6

Here is an example of a way to achieve something like this, although it's not typically recommended:

function compareNumbers(num1, num2) {
     switch (true) {
        case num1 > num2:
                    console.log(num1 + " is larger than " + num2);
                    break;
        case num1 < num2:
                    console.log(num2 + " is larger than " + num1);
                    break;
        default:
                    console.log(num1 + " is equal to " + num2);
      }
   }
   
   compareNumbers(5,6);

Answer 7

Answer №4

Aha! It's absolutely possible to include If conditions within a switch statement. Give it a shot and see the magic happen right here.

switch (true) {
    case (dog === 'pet' && cat === 'pet'):
        // perform this action
        break;
    case (foo === 'bar'):
        // take an alternate route
        break;
    default:
        // text = "How about trying out an apple instead of that orange?";
}

Answer 8

Aha! It's absolutely possible to include If conditions within a switch statement. Give it a shot and see the magic happen right here.

switch (true) {
    case (dog === 'pet' && cat === 'pet'):
        // perform this action
        break;
    case (foo === 'bar'):
        // take an alternate route
        break;
    default:
        // text = "How about trying out an apple instead of that orange?";
}

Answer 9

Answer №5

Definitely! Enhancing your code:

<script>
var userInput = input.value;

switch (userInput) {
case "orange":
    outputText = "You chose to eat an orange. Do you feel like having another fruit?";
    break;
case "banana":
    outputText = "Enjoyed a banana today";
    break;
case default: // If the input doesn't match any case
    outputText : ""; // No action taken per OP's request
    break;
}
document.getElementById("message").innerHTML = outputText;

</script>

For further information, please visit: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/switch

Answer 10

Definitely! Enhancing your code:

<script>
var userInput = input.value;

switch (userInput) {
case "orange":
    outputText = "You chose to eat an orange. Do you feel like having another fruit?";
    break;
case "banana":
    outputText = "Enjoyed a banana today";
    break;
case default: // If the input doesn't match any case
    outputText : ""; // No action taken per OP's request
    break;
}
document.getElementById("message").innerHTML = outputText;

</script>

For further information, please visit: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/switch

Answer 11

Answer №6

It's worth mentioning that switch statements do not support conditions in the traditional sense. Instead, they primarily serve to handle different cases or states of a variable.

If you're looking to incorporate conditions into your logic, you might consider structuring it differently. One approach could be:

var addMore = true;
while(addMore){
 var textInput = prompt("Select your fruit");
 switch (textInput) {
  case "orange":
   addMore = confirm("You decided to eat an orange. Do you want to eat another fruit?"); // Consider using a yes or no question
  default:
    addMore = false;
  }
 }

Alternatively, if you're working with a user interface, utilizing components like checkboxes might offer a more intuitive solution for handling multiple inputs.

I hope this suggestion proves helpful!

Answer 12

It's worth mentioning that switch statements do not support conditions in the traditional sense. Instead, they primarily serve to handle different cases or states of a variable.

If you're looking to incorporate conditions into your logic, you might consider structuring it differently. One approach could be:

var addMore = true;
while(addMore){
 var textInput = prompt("Select your fruit");
 switch (textInput) {
  case "orange":
   addMore = confirm("You decided to eat an orange. Do you want to eat another fruit?"); // Consider using a yes or no question
  default:
    addMore = false;
  }
 }

Alternatively, if you're working with a user interface, utilizing components like checkboxes might offer a more intuitive solution for handling multiple inputs.

I hope this suggestion proves helpful!

Answer 13

Answer №7

To streamline the process of looping until a termination string is entered, you can incorporate the switch statement within a do-while loop. This eliminates the need for multiple conditions within each switch statement.

Give it a try:

var text = "Choose a color: blue, red, green or stop to end";
var colorsChosen = [];

do {
  var inputColor = prompt(text);
  
  switch (inputColor) {
    case "red":
      colorsChosen.push("red");
      text = "You chose red. Pick another color: blue, red, green or stop to end";
      break;
    case "blue":
      colorsChosen.push("blue");
      text = "You chose blue. Pick another color: blue, red, green or stop to end";
      break;
    case "green":
      colorsChosen.push("green");
      text = "You chose green. Pick another color: blue, red, green or stop to end";
      break;
    default:
      text = "Invalid choice.\n\nChoose a color: blue, red, green or stop to end";
      break;
  }
} while(inputColor !== "stop");

var messageText = "Colors chosen: ";
for(var j=0; j<colorsChosen.length; j++) {
  messageText += colorsChosen[j];
  if(j != colorsChosen.length-1)
    messageText += ", ";
}
document.getElementById("result").innerHTML = messageText;

<div id="result"></div>

Answer 14

To streamline the process of looping until a termination string is entered, you can incorporate the switch statement within a do-while loop. This eliminates the need for multiple conditions within each switch statement.

Give it a try:

var text = "Choose a color: blue, red, green or stop to end";
var colorsChosen = [];

do {
  var inputColor = prompt(text);
  
  switch (inputColor) {
    case "red":
      colorsChosen.push("red");
      text = "You chose red. Pick another color: blue, red, green or stop to end";
      break;
    case "blue":
      colorsChosen.push("blue");
      text = "You chose blue. Pick another color: blue, red, green or stop to end";
      break;
    case "green":
      colorsChosen.push("green");
      text = "You chose green. Pick another color: blue, red, green or stop to end";
      break;
    default:
      text = "Invalid choice.\n\nChoose a color: blue, red, green or stop to end";
      break;
  }
} while(inputColor !== "stop");

var messageText = "Colors chosen: ";
for(var j=0; j<colorsChosen.length; j++) {
  messageText += colorsChosen[j];
  if(j != colorsChosen.length-1)
    messageText += ", ";
}
document.getElementById("result").innerHTML = messageText;

<div id="result"></div>

Can you include conditional logic within a switch statement?

Answer №1

Answer №2

Answer №3

Answer №4

Answer №5

Answer №6

Answer №7

Similar questions

Problem with character encoding in Node.js

Converting a JavaScript variable into PHP using ajax: A comprehensive guide

Tips on arranging an array based on dates and data in JavaScript?

Excessive recursion in MooTools causing issues with Google Maps integration

Is it possible to encounter a MongoDB error for the $or operator in a correctly formatted query?

Data is not being displayed in the Angular table

The server sends a response with a MIME type that is not for JavaScript, it is empty

Numerous references embedded within a Vue.js component

Ways to retrieve the identifiers of every child node UL element within a UL container

Delivering resources through the Nuxt configuration file

Node.js encountered an error due to a self-signed certificate within the certificate chain

transferring a string parameter from PHP to a JavaScript function

React component is unable to identify prop

USDC to ETH Swap on Uniswap

Swapping out the entire vue.js container

Unlocking the secrets of integrating Vuex store with JavaScript/TypeScript modules: A comprehensive guide

Capturing user inputs in PHP or AJAX

Tips for altering the color of a specific bar in the Material UI BarChart component

What is the process for altering the active status in pagination?

Display error page when unable to load ng-view template