JavaScript if else తెలుగులో | if, else if, else Statements

• if, if-else మరియు else if ladder రాయడం
• Nested if (if లోపల if)
• Conditions లో comparison మరియు logical operators (&&, ||, !) వాడటం
• Condition లో truthy/falsy విలువలు
• సాధారణంగా వచ్చే తప్పులు మరియు వాటిని నివారించడం

Condition (షరతు) true అయితేనే { } లోపల ఉన్న code run అవుతుంది. false అయితే ఆ భాగాన్ని వదిలేసి ముందుకు వెళ్తుంది.

Syntax:

if (condition) {
  // condition true అయితే ఈ code run అవుతుంది
}

ఉదాహరణ: ఓటు వేయడానికి అర్హత

const age = 20;

if (age >= 18) {
  console.log("మీరు ఓటు వేయొచ్చు");
}

Code అర్థం చేసుకుందాం:

• if అనేది keyword. "ఒకవేళ" అని అర్థం.
• కుండలీకరణాల ( ) లోపల condition ఉంటుంది. ఇది ఎప్పుడూ true లేదా false ఫలితం ఇచ్చే expression (Chapter 5 లోని comparison operators గుర్తుందా?).
• age >= 18 నిజం కాబట్టి (20, 18 కంటే ఎక్కువ), { } లోని code run అయ్యింది.
• age = 15 అయితే condition false అవుతుంది, అప్పుడు ఏమీ print అవ్వదు.

కొన్నిసార్లు condition false అయినప్పుడు కూడా ఏదైనా చేయాలి. అప్పుడు else వాడతాం. "ఇది కాకపోతే, అది చెయ్యి" అని అర్థం.

const marks = 30;

if (marks >= 35) {
  console.log("Pass");
} else {
  console.log("Fail");
}

marks >= 35 false (30, 35 కంటే తక్కువ) కాబట్టి else భాగం run అయ్యింది.

రెండు కంటే ఎక్కువ అవకాశాలు ఉన్నప్పుడు else if వాడతాం. మార్కుల ఆధారంగా Grade ఇవ్వడం దీనికి మంచి ఉదాహరణ.

const marks = 72;

if (marks >= 80) {
  console.log("Grade A");
} else if (marks >= 60) {
  console.log("Grade B");
} else if (marks >= 35) {
  console.log("Grade C");
} else {
  console.log("Fail");
}

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

JavaScript conditions ని పై నుంచి కిందికి ఒక్కొక్కటిగా చెక్ చేస్తుంది:

1. marks >= 80 → 72 >= 80 false, కాబట్టి దాటేసింది.
2. marks >= 60 → 72 >= 60 true! కాబట్టి "Grade B" print చేసింది.
3. ఇక్కడే ఆగిపోతుంది. మిగతా else if లు, else ని అసలు చూడదు.

అంటే, మొదట true అయిన condition యొక్క code మాత్రమే run అవుతుంది. ఇది ఒక మెట్ల (ladder) లాంటిది, కింది నుంచి కాదు, పై నుంచి దిగుతుంది.

ఉదాహరణ: మూడు సంఖ్యల్లో పెద్దది

const a = 15;
const b = 42;
const c = 30;

if (a >= b && a >= c) {
  console.log(a, "అతి పెద్దది");
} else if (b >= a && b >= c) {
  console.log(b, "అతి పెద్దది");
} else {
  console.log(c, "అతి పెద్దది");
}

ఇక్కడ && (AND) వాడి, ఒకే condition లో రెండు షరతులు కలిపాం. b >= a && b >= c అంటే "b, a కంటే పెద్దది మరియు c కంటే కూడా పెద్దది".

Chapter 5 లో నేర్చుకున్న &&, ||, ! ని conditions లో విరివిగా వాడతాం:

1. && (AND): రెండూ నిజం కావాలి

const username = "admin";
const password = "1234";

if (username === "admin" && password === "1234") {
  console.log("Login successful");
} else {
  console.log("Wrong details");
}

Username మరియు password రెండూ సరిగ్గా ఉంటేనే login అవుతుంది. ఏ ఒక్కటి తప్పయినా else run అవుతుంది.

2. || (OR): ఏదైనా ఒకటి నిజమైతే చాలు

const day = "Sunday";

if (day === "Saturday" || day === "Sunday") {
  console.log("ఈ రోజు సెలవు");
} else {
  console.log("ఈ రోజు పని దినం");
}

3. ! (NOT): వ్యతిరేకం

const isLoggedIn = false;

if (!isLoggedIn) {
  console.log("దయచేసి login అవ్వండి");
}

isLoggedIn false, దాన్ని ! తిప్పి true చేసింది, అందుకే message వచ్చింది.

ఒక షరతు నిజమైన తర్వాత, ఇంకో షరతు చెక్ చేయాల్సి వస్తే, if లోపల if రాస్తాం. సినిమా హాల్ లో ముందు వయసు చూస్తారు, ఆ తర్వాత టికెట్ చూస్తారు. అదే nested if:

const age = 25;
const hasTicket = true;

if (age >= 18) {
  if (hasTicket) {
    console.log("లోపలికి రావచ్చు");
  } else {
    console.log("ముందు ticket కొనండి");
  }
} else {
  console.log("18 ఏళ్లు నిండాలి");
}

Code అర్థం చేసుకుందాం:

1. మొదట age >= 18 చెక్ అయ్యింది. 25 కాబట్టి true, లోపలికి వెళ్ళింది.
2. లోపల hasTicket చెక్ అయ్యింది. అది true కాబట్టి "లోపలికి రావచ్చు" print అయ్యింది.
3. hasTicket false అయి ఉంటే "ముందు ticket కొనండి" వచ్చేది.
4. age 18 కంటే తక్కువ అయి ఉంటే, బయటి else run అయ్యి "18 ఏళ్లు నిండాలి" వచ్చేది.

Condition ఎప్పుడూ true / false గా ఉండాల్సిన అవసరం లేదు. Chapter 6 లో నేర్చుకున్న truthy / falsy నియమం ఇక్కడ కూడా వర్తిస్తుంది. JavaScript ఏ విలువనైనా boolean గా మార్చి చూస్తుంది.

const userName = "";

if (userName) {
  console.log(`నమస్కారం ${userName}`);
} else {
  console.log("పేరు ఖాళీగా ఉంది");
}

ఖాళీ string "" falsy, కాబట్టి else run అయ్యింది. userName = "రవి" అయి ఉంటే "నమస్కారం రవి" వచ్చేది. Form లో user ఏదైనా టైప్ చేశాడా లేదా అని చెక్ చేయడానికి ఈ పద్ధతి చాలా సాధారణం.

(గుర్తుందా? 6 falsy విలువలు: false, 0, "", null, undefined, NaN. మిగతావన్నీ truthy.)

ఉదాహరణ: సినిమా టికెట్ ధర

వయసును బట్టి టికెట్ ధర:

• 5 ఏళ్ల కంటే తక్కువ: ఉచితం
• 5 నుంచి 17 వరకు: ₹50
• 18 మరియు అంతకంటే ఎక్కువ: ₹100

const age = 10;

if (age < 5) {
  console.log("ఉచితం");
} else if (age < 18) {
  console.log("టికెట్ ధర: ₹50");
} else {
  console.log("టికెట్ ధర: ₹100");
}

age = 10: మొదటి condition (10 < 5) false, రెండోది (10 < 18) true, కాబట్టి ₹50.

గమనించండి: రెండో condition లో "5 కంటే ఎక్కువ" అని మళ్ళీ రాయలేదు. ఎందుకంటే ladder లో అప్పటికే age < 5 false అయ్యాక మాత్రమే అక్కడికి వస్తాం.

1. ఒక సంఖ్య positive, negative లేదా zero అని చెప్పే program రాయండి. (సంఖ్య -7)
2. వయసు ఆధారంగా టికెట్ ధర: 5 కంటే తక్కువ ఉచితం, 18 కంటే తక్కువ ₹50, లేకపోతే ₹100. వయసు 10 అయితే ఏమొస్తుంది?
3. username "admin" మరియు password "1234" అయితే "Login successful", లేకపోతే "Wrong details" print చేయండి.
4. ఒక సంఖ్య సరి (even) లేదా బేసి (odd) అని if-else తో చెప్పండి. (సంఖ్య 7)
5. మూడు సంఖ్యల్లో చిన్నది కనుక్కునే program రాయండి. (a = 15, b = 42, c = 30)
6. ఒక సంవత్సరం leap year అవునా కాదా if-else తో చెప్పండి. (2024 తో test చేయండి.)

const num = -7;

if (num > 0) {
  console.log("Positive");
} else if (num < 0) {
  console.log("Negative");
} else {
  console.log("Zero");
}

const age = 10;

if (age < 5) {
  console.log("ఉచితం");
} else if (age < 18) {
  console.log("₹50");
} else {
  console.log("₹100");
}

const username = "admin";
const password = "1234";

if (username === "admin" && password === "1234") {
  console.log("Login successful");
} else {
  console.log("Wrong details");
}

const num = 7;

if (num % 2 === 0) {
  console.log("సరి");
} else {
  console.log("బేసి");
}

const a = 15;
const b = 42;
const c = 30;

if (a <= b && a <= c) {
  console.log(a, "అతి చిన్నది");
} else if (b <= a && b <= c) {
  console.log(b, "అతి చిన్నది");
} else {
  console.log(c, "అతి చిన్నది");
}

const year = 2024;

if ((year % 4 === 0 && year % 100 !== 0) || year % 400 === 0) {
  console.log(year, "leap year");
} else {
  console.log(year, "leap year కాదు");
}