Checkout my Getting Started with React video course on Skillshare. It is 100% free.

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";
        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.

Home Screencasts Best of Newsletter Search X