JavaScript Ternary Operator

JavaScript లో ఒక condition ఆధారంగా రెండు values లేదా expressions లో ఒకదాన్ని ఎంచుకోవడానికి ternary operator ఉపయోగిస్తారు. ఇది if…else statement కు చిన్న రూపం.

Syntax

condition ? valueIfTrue : valueIfFalse

ఇక్కడ condition true అయితే ? తర్వాత ఉన్న value return అవుతుంది. Condition false అయితే : తర్వాత ఉన్న value return అవుతుంది.

ఎందుకు ఉపయోగించాలి?

చిన్న if…else logic ను concise గా రాయడానికి ఉపయోగపడుతుంది.
ఒక value ను condition ఆధారంగా assign చేయడానికి సులభంగా ఉంటుంది.
Code చదవడానికి clear గా ఉండే చిన్న conditions లో ఇది ఉపయోగకరం.

ఉదాహరణ

const result = age >= 18 ? “Adult” : “Minor”;

ఈ expression లో age 18 లేదా అంతకంటే ఎక్కువగా ఉంటే Adult value result లోకి వస్తుంది. లేకపోతే Minor value వస్తుంది.

if…else తో పోలిక

ఒకే logic ను if…else తో ఎక్కువ lines లో రాయవచ్చు. Ternary operator అదే logic ను ఒక line లో రాయడానికి సహాయపడుతుంది. అయితే చాలా complex conditions కోసం సాధారణ if…else ను ఉపయోగించడం readability కి మంచిది.

Simple Explanation

Ternary operator ను ఒక చిన్న decision maker లాగా ఊహించుకోండి. ఇది ముందుగా condition ను check చేస్తుంది. Condition true అయితే మొదటి answer ను, false అయితే రెండవ answer ను ఎంచుకుంటుంది.

దీని pattern: condition ? true value : false value

ఉదాహరణకు, score 50 లేదా అంతకంటే ఎక్కువగా ఉంటే Pass, లేకపోతే Fail అని నిర్ణయించవచ్చు.

Real-Life Example

ఒక cinema ticket counter దగ్గర ఒక వ్యక్తి వయస్సు 18 లేదా అంతకంటే ఎక్కువగా ఉందో check చేస్తున్నారని అనుకోండి. వయస్సు సరిపోతే Adult Ticket, లేకపోతే Child Ticket అని ఎంచుకోవచ్చు.

ఈ రెండు options లో ఒకదాన్ని condition ఆధారంగా ఎంచుకోవడానికి ternary operator ఉపయోగించవచ్చు.

Code Examples

వయస్సు ఆధారంగా Adult లేదా Minor నిర్ణయించడం

const age = 20;
const category = age >= 18 ? "Adult" : "Minor";

console.log(category);

ఇక్కడ age value 20. Condition true కావడంతో ternary operator Adult value ను category లో store చేస్తుంది.

Adult

Score ఆధారంగా Pass లేదా Fail నిర్ణయించడం

const score = 72;
const result = score >= 50 ? "Pass" : "Fail";

console.log(result);

score 72 కాబట్టి score >= 50 condition true అవుతుంది. అందువల్ల result లో Pass store అవుతుంది.

Pass

Login status ను text గా చూపించడం

const isLoggedIn = false;
const message = isLoggedIn ? "Welcome back" : "Please log in";

console.log(message);

isLoggedIn value false కాబట్టి colon తర్వాత ఉన్న Please log in value message లోకి వస్తుంది.

Please log in

Line-by-Line Explanation

const score = 72;

ఈ line లో score అనే constant variable ను create చేసి దానికి 72 value ఇస్తున్నాం.

const result = score >= 50 ? “Pass” : “Fail”;

ఈ line లో score 50 లేదా అంతకంటే ఎక్కువగా ఉందా అని check చేస్తున్నాం. Condition true అయితే result లో Pass, false అయితే Fail store అవుతుంది.

ఇది code lines మధ్య readability కోసం ఉంచిన ఖాళీ line. దీనివల్ల program execution పై ఎలాంటి ప్రభావం ఉండదు.

console.log(result);

ఈ line result variable లో ఉన్న value ను console లో print చేస్తుంది.

Try It

Try this JavaScript code:

Example

const score = 72;
const result = score >= 50 ? "Pass" : "Fail";

console.log(result);

Try It Yourself »

Practice

Practice:

practice_code లోని code ను మార్చండి. score 50 లేదా అంతకంటే ఎక్కువగా ఉంటే Pass, లేకపోతే Fail అని ternary operator ఉపయోగించి result లో store చేయండి.

Hint:

Pattern ను ఉపయోగించండి: condition ? “Pass” : “Fail”. Condition గా score >= 50 వ్రాయండి.

Common Mistakes

Ternary operator లో ? లేదా : గుర్తుల్లో ఒకదాన్ని మర్చిపోవడం.

ఎప్పుడూ పూర్తి pattern ను ఉపయోగించండి: condition ? trueValue : falseValue.

Condition తర్వాత statements block లాగా పెద్ద code రాయడం.

చిన్న value selection కోసం ternary operator ఉపయోగించండి. Complex logic ఉంటే if…else ఉపయోగించడం మంచిది.

Assignment operator = ను comparison కోసం ఉపయోగించడం.

Comparison కోసం === లేదా >= వంటి సరైన operators ఉపయోగించండి. = value assign చేయడానికి మాత్రమే ఉపయోగించాలి.

Ternary operator ను unnecessarily nested గా ఉపయోగించడం వల్ల code అర్థం కాకుండా మారడం.

చాలా conditions ఉన్నప్పుడు nested ternary బదులుగా readable if…else if…else structure ఉపయోగించండి.

Interview Questions

JavaScript లో ternary operator అంటే ఏమిటి?

Answer:

Ternary operator అనేది condition ఆధారంగా రెండు expressions లో ఒకదాన్ని select చేసే operator. దీని syntax condition ? valueIfTrue : valueIfFalse.

Ternary operator లో ఎన్ని operands ఉంటాయి?

Answer:

Ternary operator లో మూడు operands ఉంటాయి: condition, true result మరియు false result. అందుకే దీనిని ternary అని పిలుస్తారు.

Ternary operator మరియు if…else మధ్య తేడా ఏమిటి?

Answer:

రెండూ condition ఆధారంగా decision తీసుకుంటాయి. Ternary operator చిన్న expressions కోసం concise గా ఉంటుంది. Multiple statements లేదా complex logic కోసం if…else మరింత readable గా ఉంటుంది.

Ternary operator value ను variable లో assign చేయవచ్చా?

Answer:

అవును. ఉదాహరణకు const status = score >= 50 ? “Pass” : “Fail”; అని వ్రాసి condition result ను variable లో store చేయవచ్చు.

Exam Questions

ఈ code యొక్క output ఏమిటి? const age = 16; const type = age >= 18 ? “Adult” : “Minor”; console.log(type);

Answer:

Output: Minor. ఎందుకంటే age 18 కంటే తక్కువగా ఉంది.

Ternary operator యొక్క సరైన syntax ను వ్రాయండి.

Answer:

condition ? valueIfTrue : valueIfFalse

క్రింది logic ను ternary operator తో పూర్తి చేయండి: score 35 అయితే Fail, లేకపోతే Pass.

Answer:

const result = score >= 50 ? “Pass” : “Fail”;

Quick Revision

Ternary operator ఒక చిన్న if…else రూపం.
దీని syntax: condition ? trueValue : falseValue.
Condition true అయితే ? తర్వాతి value select అవుతుంది.
Condition false అయితే : తర్వాతి value select అవుతుంది.
చిన్న మరియు simple decisions కోసం ternary operator ఉపయోగించండి.
Complex logic కోసం readable if…else ను ఉపయోగించడం మంచిది.

JavaScript Ternary Operator