REFERENCEjavascript

javascript Documentation

📖 INDEX

# what-is-javascript

# function-declaration

# function-expressions

# anonymous-functions

# arrow-functions

# return

# recursive-functions

# arguments-parameters

# array-destructuring

# what-is-dom

# element-selection

# selection-methods

# elements-manipulation

# events

# event-listeners

# modification-methods

LOADING ENGINE...

switch Statement

AI & DATA SCIENCE // switch

switch evaluates an expression and executes the case that matches. Each case needs break to prevent fall-through.

Syntax

switch (expression) {
  case value1:
    // code
    break;
  case value2:
    // code
    break;
  default:
    // fallback code
}

Deep Dive Course

**switch** compares a value against multiple cases using strict equality (`===`). Without `break`, execution **falls through** to the next case. This can be intentional (grouping cases) or accidental (a common bug). Always include a `default` clause.

1Understanding switch Statement

switch compares a value against multiple cases using strict equality (===). Without break, execution falls through to the next case. This can be intentional (grouping cases) or accidental (a common bug). Always include a default clause.

💡

switch uses === internally, so switch('1') will NOT match case 1.

editor.html

const day = 3;
let name;

switch (day) {
  case 1: name = 'Monday';    break;
  case 2: name = 'Tuesday';   break;
  case 3: name = 'Wednesday'; break;
  case 4: name = 'Thursday';  break;
  case 5: name = 'Friday';    break;
  default: name = 'Weekend';
}
console.log(name);

localhost:3000

2Practical Example

Here is a real-world application of switch Statement showing how it is used in production JavaScript code.

editor.html

// Intentional fall-through grouping
const type = 'jpg';
let category;
switch (type) {
  case 'jpg':
  case 'png':
  case 'gif':  category = 'image'; break;
  case 'mp4':  category = 'video'; break;
  default:     category = 'other';
}
console.log(category); // 'image'

localhost:3000

3Best Practices

Follow these guidelines when working with switch Statement:

1. Always add break (unless intentional fall-through)

2. Always include a default case

3. For complex logic, prefer if/else or object maps

⚠️

Tip: switch uses === internally, so switch('1') will NOT match case 1.

editor.html

const day = 3;
let name;

switch (day) {
  case 1: name = 'Monday';    break;
  case 2: name = 'Tuesday';   break;
  case 3: name = 'Wednesday'; break;
  case 4: name = 'Thursday';  break;
  case 5: name = 'Friday';    break;
  default: name = 'Weekend';
}
console.log(name);

localhost:3000

Examples

Example 01Basic Usage

const day = 3;
let name;

switch (day) {
  case 1: name = 'Monday';    break;
  case 2: name = 'Tuesday';   break;
  case 3: name = 'Wednesday'; break;
  case 4: name = 'Thursday';  break;
  case 5: name = 'Friday';    break;
  default: name = 'Weekend';
}
console.log(name);

Example 02Advanced Example

// Intentional fall-through grouping
const type = 'jpg';
let category;
switch (type) {
  case 'jpg':
  case 'png':
  case 'gif':  category = 'image'; break;
  case 'mp4':  category = 'video'; break;
  default:     category = 'other';
}
console.log(category); // 'image'

Best Practices

Always add break (unless intentional fall-through)
Always include a default case
For complex logic, prefer if/else or object maps

Interview Question

What happens if you forget break in a switch statement?▼

Hint: Code execution continues into the next case.

Without break, JavaScript 'falls through' to the next case and executes it regardless of whether it matches. This continues until a break, return, or the end of the switch. Fall-through can be intentional to group cases, but accidental fall-through is a common bug.

Exercises

MediumPractice using switch Statement in a real scenario.

View Solution

const day = 3;
let name;

switch (day) {
  case 1: name = 'Monday';    break;
  case 2: name = 'Tuesday';   break;
  case 3: name = 'Wednesday'; break;
  case 4: name = 'Thursday';  break;
  case 5: name = 'Friday';    break;
  default: name = 'Weekend';
}
console.log(name);

Frequently Asked Questions

What happens if you forget break in a switch statement?▼

Related Functions

Conditionalsifelse