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

The delete button in the "Chip" component of React Material-UI is not functioning as expected

Updating Angular Material theme variables during the build processIs this okay?

Is it necessary for me to install node and npm in order to use bower, even if I am not a node programmer?

Angular directive for resizing C3 charts

Tips for extracting parameters from a URL using Express JS in a custom manner

Can Vue.js automatically refresh the display when there are changes in a third-party JSON file?

Issue with ISO-8859-1 character encoding in table formatting

Issue: Module 'js' not found in Node.js Express application

Template is not populating with data (Angular)

What is the best way to retrieve a JSP parameter dynamically or how can one create a JSP parameter on the

Creating a Yup field that is an object and making it required when another field is set to true in the validation process

Tips for assigning data from an AJAX response to a variable

Dividing a JSON array by a specific key using lodash underscore

"Unleashing the power of React Native: A single button that reveals three different names

Tips for concealing the Bottom bar action in React Native

When trying to access $model.show() in Vue.js, the returned model is showing as undefined

Clicking on a link in HTML with the onclick event

Do I need to utilize getStaticProps along with JSON imports in Next.js?

Experiencing difficulties with JavaScript/jQuery when encountering the 'use strict' error

Applying onclick css changes to a specific duplicate div among several others?