JavaScript Ternary Operator

The Ternary Operator in JavaScript is a conditional operator that evaluates a condition and returns one of two values based on whether the condition is true or false. It simplifies decision-making in code, making it more concise and readable.

• The value of PMarks is 50.
• The condition (PMarks > 39) evaluates to true because 50 is greater than 39.
• Since the condition is true, the ternary operator returns "Pass", which is assigned to the variable res.
• Finally, console.log(res) prints "Pass" to the console.

Syntax

condition ? trueExpression : falseExpression

• Condition: A condition that evaluates to true or false.
• expressionIfTrue: The value or expression is returned if the condition is true.
• expressionIfFalse: The value or expression returned if the condition is false.

Nested Ternary Operators

The ternary operator can be nested, allowing you to perform multiple conditional checks in a single line of code. This technique is useful for replacing more complex if...else if...else statements or switch statements, keeping the code compact and readable.

• If day is 1, it returns "Start of the week".
• If day is 2, it returns "Second day", and so on.
• If none of the conditions are met, it returns "Weekend".

Ternary Operator in Functions

The ternary operator can also be used inside functions to simplify conditional logic. It helps make functions more concise by replacing if...else statements with a single-line expression.

• The checkAge function checks if age is greater than or equal to 18.
• If true, it returns 'Adult'; otherwise, it returns 'Minor'.
• checkAge(20) returns 'Adult', printed to the console.
• checkAge(15) returns 'Minor', printed to the console.

Using the Ternary Operator with Function Calls

You can use the ternary operator to decide which function to call or what arguments to pass when calling a function. This makes your code shorter and easier to read by replacing long if...else statements.

• The function sayHello(name) prints "Hello, {name}!".
• The function sayGoodbye(name) prints "Goodbye, {name}!".
• isLeaving is set to true.
• The ternary operator checks isLeaving: Since isLeaving is true, it calls sayGoodbye(name).

A Comparison of the Ternary Operator and the if...else Statement

Understanding the difference between the ternary operator and the traditional if...else statements is key in determining which to use for concise and readable code.

Using if...else Statement

The if...else statement is a basic control structure that allows you to perform different actions based on a condition. It is typically used when you need to execute more complex or multiple statements depending on a condition.

• The if...else block checks if the hour is less than 12.
• If the condition is true, it assigns 'Good morning' to message.
• Otherwise, it assigns 'Good afternoon' to message.

Using the Ternary Operator

The ternary operator is a shorthand way of writing an if...else statement. It is most useful when you want to assign values based on a simple condition, making the code more compact.

• The ternary operator checks if the hour is less than 12.
• If the condition is true, it assigns 'Good morning' to message.
• Otherwise, it assigns 'Good afternoon' to message.