JavaScript switch Statement

ఒకే value ను అనేక possible values తో compare చేసి, సరైన code block ను execute చేయడానికి switch statement ఉపయోగిస్తాము.

అనేక conditions ఉన్నప్పుడు వరుసగా if…else if రాయడం కంటే switch statement code ను సులభంగా చదవడానికి సహాయపడుతుంది.

switch statement syntax

switch తరువాత parentheses లో check చేయవలసిన expression ను రాస్తాము. ప్రతి possible value కోసం case ఉపయోగిస్తాము.

ఒక case match అయినప్పుడు దాని code execute అవుతుంది. తరువాతి cases execute కాకుండా ఆపడానికి సాధారణంగా break ఉపయోగిస్తాము. ఏ case match కాకపోతే default block execute అవుతుంది.

switch ఎలా పనిచేస్తుంది?

మొదట switch expression value ను JavaScript evaluate చేస్తుంది.
ఆ value ను ప్రతి case value తో compare చేస్తుంది.
Match అయిన case లోని statements execute అవుతాయి.
break ఉంటే switch statement అక్కడితో ఆగిపోతుంది.
ఏ case match కాకపోతే default block execute అవుతుంది.

break యొక్క ప్రాముఖ్యత

break లేకపోతే match అయిన case తరువాత ఉన్న cases కూడా execute కావచ్చు. దీనిని fall-through అంటారు. ప్రత్యేకంగా అవసరం లేనప్పుడు ప్రతి case చివర break రాయడం మంచి పద్ధతి.

default case

ఇచ్చిన value ఏ case తోనూ match కాకపోతే default block execute అవుతుంది. ఇది else block లాంటి fallback option గా పనిచేస్తుంది.

Simple Explanation

switch statement ను ఒక value ఆధారంగా ఒక option ను ఎంచుకోవడానికి ఉపయోగిస్తాము. ఉదాహరణకు, day number 1 అయితే Monday, 2 అయితే Tuesday అని చూపించవచ్చు.

case ప్రతి possible option ను సూచిస్తుంది. Match అయిన case తరువాత break పెడితే ఆ case code execute అయిన తరువాత switch నుండి బయటకు వస్తుంది. ఏ option సరిపోకపోతే default message చూపించవచ్చు.

Real-Life Example

ఒక restaurant లో customer menu number ఎంచుకున్నాడని ఊహించండి. Number 1 అయితే Pizza, number 2 అయితే Burger, number 3 అయితే Juice ఇవ్వాలి. Customer ఇచ్చిన menu number ఆధారంగా సరైన item ఎంచుకోవడానికి switch statement ఉపయోగించవచ్చు.

Code Examples

Day number ఆధారంగా day name చూపించడం

const dayNumber = 2;

switch (dayNumber) {
  case 1:
    console.log("Monday");
    break;
  case 2:
    console.log("Tuesday");
    break;
  case 3:
    console.log("Wednesday");
    break;
  default:
    console.log("Invalid day number");
}

ఇక్కడ dayNumber value 2 కాబట్టి case 2 match అవుతుంది. అందువల్ల Tuesday console లో కనిపిస్తుంది. break వల్ల తరువాతి cases check లేదా execute కావు.

Tuesday

Score ఆధారంగా grade నిర్ణయించడం

const grade = "B";

switch (grade) {
  case "A":
    console.log("Excellent");
    break;
  case "B":
    console.log("Very good");
    break;
  case "C":
    console.log("Good");
    break;
  default:
    console.log("Needs improvement");
}

grade value “B” తో సమానంగా ఉండటంతో case “B” execute అవుతుంది. String values ను compare చేస్తున్నప్పుడు spelling మరియు case సరైనవిగా ఉండాలి.

Very good

User role ఆధారంగా permission చూపించడం

const role = "editor";

switch (role) {
  case "admin":
    console.log("All permissions granted");
    break;
  case "editor":
    console.log("Edit permission granted");
    break;
  case "viewer":
    console.log("Read-only permission granted");
    break;
  default:
    console.log("Unknown role");
}

ఇక్కడ role value “editor”. అందువల్ల editor case లోని message మాత్రమే output అవుతుంది. గుర్తు తెలియని role వస్తే default block ఉపయోగపడుతుంది.

Edit permission granted

Line-by-Line Explanation

const dayNumber = 2;

ఇక్కడ dayNumber అనే constant variable లో 2 value ను store చేస్తున్నాము.

ఈ ఖాళీ line code ను చదవడానికి సులభంగా ఉండేందుకు మాత్రమే ఉంది. దీనివల్ల program behavior మారదు.

switch (dayNumber) {

dayNumber value ను వివిధ case values తో compare చేయడానికి switch statement ప్రారంభమవుతుంది.

case 1:

dayNumber value 1 అయితే ఈ case లోని statements execute అవుతాయి.

console.log(“Monday”);

case 1 match అయితే console లో Monday text ను చూపిస్తుంది.

break;

ఈ break switch execution ను ఆపి, తరువాతి cases execute కాకుండా చేస్తుంది.

case 2:

dayNumber value 2 అయితే ఈ case match అవుతుంది.

console.log(“Tuesday”);

case 2 match అయినప్పుడు console లో Tuesday ను చూపిస్తుంది.

break;

Tuesday message చూపించిన తరువాత switch statement నుండి బయటకు రావడానికి break ఉపయోగించబడింది.

case 3:

dayNumber value 3 అయితే ఈ case execute అవుతుంది.

console.log(“Wednesday”);

case 3 match అయినప్పుడు console లో Wednesday text కనిపిస్తుంది.

break;

case 3 code పూర్తయిన తరువాత మిగిలిన switch code execute కాకుండా ఆపుతుంది.

default:

dayNumber 1, 2, లేదా 3 కాకపోతే default block execute అవుతుంది.

console.log(“Invalid day number”);

ఏ case match కాకపోయినప్పుడు console లో invalid day message ను చూపిస్తుంది.

}

ఈ closing brace switch statement ను ముగిస్తుంది.

Try It

Try this JavaScript code:

Example

const dayNumber = 4;

switch (dayNumber) {
  case 1:
    console.log("Monday");
    break;
  case 2:
    console.log("Tuesday");
    break;
  case 3:
    console.log("Wednesday");
    break;
  default:
    console.log("Choose a day from 1 to 3");
}

Try It Yourself »

Practice

Practice:

పై traffic light program ను పూర్తి చేయండి. color value “yellow” అయినప్పుడు console లో Wait అని చూపించాలి. తరువాతి cases execute కాకుండా సరైన break కూడా ఉంచండి.

Hint:

case “yellow” లో console.log(“Wait”); రాయండి. ఆ statement తరువాత break; ఉపయోగించండి.

Common Mistakes

case తరువాత colon : పెట్టకుండా semicolon ఉపయోగించడం.

ప్రతి case syntax చివర colon పెట్టాలి. ఉదాహరణకు case 1: అని రాయాలి.

ప్రతి case చివర break మర్చిపోవడం.

తరువాతి cases అనవసరంగా execute కాకుండా సాధారణంగా ప్రతి case చివర break; పెట్టండి.

default ను case default: గా రాయడం.

default ఒక ప్రత్యేక fallback block. దీనిని default: గా మాత్రమే రాయాలి.

String case value లో spelling లేదా uppercase/lowercase మార్చడం. ఉదాహరణకు “Green” మరియు “green” ను ఒకటిగా భావించడం.

String comparison లో letters యొక్క case కూడా ముఖ్యమే. Variable value మరియు case value సరిగ్గా match అయ్యేలా చూసుకోండి.

Interview Questions

JavaScript లో switch statement ఎందుకు ఉపయోగిస్తారు?

Answer:

ఒక expression value ను అనేక possible values తో compare చేసి, match అయిన code block ను execute చేయడానికి switch statement ఉపయోగిస్తారు. అనేక alternatives ఉన్నప్పుడు ఇది if…else if కంటే readable గా ఉండవచ్చు.

break statement ను switch లో ఎందుకు ఉపయోగిస్తారు?

Answer:

Match అయిన case execute అయిన తరువాత switch statement నుండి బయటకు రావడానికి break ఉపయోగిస్తారు. Break లేకపోతే తరువాతి cases కూడా execute కావచ్చు; దీనిని fall-through అంటారు.

ఏ case match కాకపోతే switch లో ఏమి జరుగుతుంది?

Answer:

ఏ case match కాకపోతే default block ఉంటే అది execute అవుతుంది. default లేకపోతే switch statement ఎటువంటి output లేకుండా ముగియవచ్చు.

switch statement లో comparison ఎలా జరుగుతుంది?

Answer:

సాధారణంగా switch case matching లో strict equality వంటి value మరియు type రెండింటినీ పరిగణలోకి తీసుకునే comparison జరుగుతుంది. అందువల్ల number మరియు string values ను జాగ్రత్తగా ఉపయోగించాలి.

Exam Questions

క్రింది code output ఏమిటి? const value = 2; switch (value) { case 1: console.log(“One”); break; case 2: console.log(“Two”); break; default: console.log(“Other”); }

Answer:

Output Two. ఎందుకంటే value 2 కావడంతో case 2 match అవుతుంది.

switch statement లో default case యొక్క ఉపయోగం ఏమిటి?

Answer:

ఇచ్చిన expression value ఏ case తోనూ match కాకపోతే default case fallback code ను execute చేస్తుంది.

ఒక switch case లో break లేకపోతే ఏమి జరుగుతుంది?

Answer:

ఆ case తరువాత ఉన్న statements మరియు తరువాతి cases కూడా execute కావచ్చు. ఈ behavior ను fall-through అంటారు.

Quick Revision

switch statement ఒక value ఆధారంగా అనేక options లో ఒకదాన్ని ఎంచుకుంటుంది.
case ఒక possible value ను సూచిస్తుంది.
break switch execution ను ఆపుతుంది.
default ఏ case match కానప్పుడు execute అవుతుంది.
String values లో spelling మరియు uppercase/lowercase match అవుతున్నాయో పరిశీలించండి.
Break ఉద్దేశపూర్వకంగా వదిలినప్పుడు మాత్రమే fall-through ను ఉపయోగించండి.

JavaScript switch Statement