šŸŽ Checkout my Learn React by Making a Game course and get 1 month Free on Skillshare!

Using multiple values in a JS switch case

One thing to mention about the Javascript switch statement is that it continues its flow until it sees a break or a return from that function. It does not automatically ends when a new case statement appears. Conveniently, this solves the problem of matching multiple values.

switch (animal.type) { 
    case "CAT": 
    case "JAGUAR": 
        return "this is a feline";
    case "ALIGATOR": 
        return "this is a reptile";
    default: 
        return "not sure what animal is this"; 
}

The above flow will catch both the CAT and JAGUAR under the same action. This is often used in Redux reducers when updating the state in response to certain actions.

šŸ“– 50 Javascript, React and NextJs Projects

Learn by doing with this FREE ebook! Not sure what to build? Dive in with 50 projects with project briefs and wireframes! Choose from 8 project categories and get started right away.

šŸ“– 50 Javascript, React and NextJs Projects

Learn by doing with this FREE ebook! Not sure what to build? Dive in with 50 projects with project briefs and wireframes! Choose from 8 project categories and get started right away.


Leave a Reply

Your email address will not be published. Required fields are marked *