What is Ternary Operator in JavaScript: Simple Explanation and Example

The ternary operator in JavaScript is a shortcut for an if-else statement that returns one of two values based on a condition. It uses the syntax condition ? valueIfTrue : valueIfFalse to decide which value to return.

How It Works

The ternary operator works like a quick decision maker. Imagine you are choosing between two snacks based on whether you are hungry. If you are hungry, you pick a snack; if not, you skip it. The ternary operator does the same by checking a condition and then choosing one of two options.

It has three parts: a condition to check, a result if the condition is true, and a result if the condition is false. This makes it a compact way to write simple if-else decisions in one line instead of multiple lines.

Example

This example shows how the ternary operator picks a message based on age.

javascript

const age = 18;
const message = age >= 18 ? 'You are an adult.' : 'You are a minor.';
console.log(message);

Output

You are an adult.

When to Use

Use the ternary operator when you need to choose between two values quickly and clearly. It is great for simple conditions like setting a message, choosing a style, or deciding a value inside expressions.

For example, you can use it to display different text based on user login status or to set a color based on a theme. Avoid using it for complex logic because it can make code harder to read.

Key Points

• The ternary operator is a concise alternative to if-else statements.
• It always has three parts: condition, true result, and false result.
• It returns a value, so it can be used inside expressions.
• Best for simple, clear decisions to keep code readable.

Key Takeaways

The ternary operator is a short way to write simple if-else decisions in one line.

It uses the syntax: condition ? valueIfTrue : valueIfFalse.

Use it for quick choices between two values to keep code clean and readable.

Avoid complex logic with ternary operators to prevent confusion.

It returns a value, so it fits well inside expressions and assignments.