bugl
bugl
HomeLearnPatternsPathsSearchPremium
HomeLearnPatternsPaths
Learn/JavaScript/JavaScript Foundations
JavaScript•JavaScript Foundations

The JavaScript Ternary Operator

Example

let text = (age < 18) ?  "Minor" : "Adult";

Example

let isMember = true;
let discount = isMember ? 0.2 : 0;

Example

let isMember = false;
let discount = isMember ? 0.2 : 0;

The conditional operator is a shorthand for writing conditional if...else statements.

It is called a ternary operator because it takes three operands.

Syntax

(
condition
) ?
 expression1
expression2

Parameters

ParameterDescription
conditionRequired. The condition to be tested. An expression that evaluates to true or false .
?Required. The operator separating the condition from the expressions.
expression1Required. The value to return if the condition is true .
:Required. The operator separating the expressions.
expression2Required. The value to return if the condition is false .

The conditional (ternary) operator is the only JavaScript operator that takes three operands.

Browser Support

() ? x : y is an ES1 feature (JavaScript 1997).

It is fully supported in all browsers:

ChromeIEEdgeFirefoxSafariOpera
YesYesYesYesYesYes

Previous

JavaScript Assignment

Next

JavaScript While Loops

This chapter

Overview
51

Lessons

194m

Read time

1. JavaScript Tutorial2. JavaScript Syntax3. JavaScript Operators4. JavaScript if5. JavaScript Loops6. JavaScript Functions7. JavaScript Scope8. JavaScript Data Types9. JavaScript Style Guide10. JavaScript Introduction11. JavaScript Statements12. JavaScript Arithmetic13. JavaScript else14. JavaScript For Loop15. JavaScript Functions16. JavaScript Code Blocks17. JavaScript Primitives18. JavaScript Best Practices19. JavaScript Where To20. JavaScript Comments21. JavaScript Assignment22. The JavaScript Ternary Operator23. JavaScript While Loops24. Invoking JavaScript Functions25. JavaScript Hoisting26. JavaScript Built-In Objects27. JavaScript Common Mistakes28. JavaScript Output29. JavaScript Variables30. JavaScript Comparison31. JavaScript Switch Statement32. JavaScript Break33. JavaScript Function Parameters34. JavaScript Use Strict35. JavaScript typeof36. JavaScript Performance37. JavaScript Let38. JavaScript Conditionals39. JavaScript Booleans40. JavaScript Continue41. JavaScript Function Return42. JavaScript toString()43. JavaScript Const44. JavaScript Logical Operators45. JavaScript Control Flow46. JavaScript Function Arguments47. JavaScript Type Conversion48. JavaScript Datatypes49. JavaScript Function Expressions50. JavaScript Destructuring51. JavaScript Arrow Functions

On this page

ParametersBrowser Support