lynx   »   [go: up one dir, main page]

Menu
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS DSA TYPESCRIPT ANGULAR ANGULARJS GIT POSTGRESQL MONGODB ASP AI R GO KOTLIN SASS VUE GEN AI SCIPY CYBERSECURITY DATA SCIENCE INTRO TO PROGRAMMING BASH RUST

Basic JavaScript

JS Tutorial JS Syntax JS Variables JS Operators JS If Conditions JS Loops JS Strings JS Numbers JS Functions JS Objects JS Dates JS Arrays JS Sets JS Maps JS Math JS RegExp JS Data Types JS Errors JS Debugging JS Events JS Programming JS References JS UTF-8 Characters JS Versions

JS Advanced

JS Functions JS Objects JS Classes JS Iterations JS Promises JS Modules JS HTML DOM JS Windows JS Web API JS AJAX JS JSON JS jQuery JS Graphics JS Examples JS Objects


The Conditional (Ternary) Operator


Example

If the value of age is < 18, set the value of text to "Minor", otherwise to "Adult":

let text = (age < 18) ? "Minor" : "Adult";
Try it Yourself »

Example

let isMember = true;
let discount = isMember ? 0.2 : 0;
Try it Yourself »

Example

let isMember = false;
let discount = isMember ? 0.2 : 0;
Try it Yourself »

Description

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
condition Required.
The condition to be tested.
An expression that evaluates to true or false.
? Required.
The operator separating the condition from the expressions.
expression1 Required.
The value to return if the condition is true.
: Required.
The operator separating the expressions.
expression2 Required.
The value to return if the condition is false.

Note

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:

Chrome IE Edge Firefox Safari Opera
Yes Yes Yes Yes Yes Yes


×

Contact Sales

If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:
sales@w3schools.com

Report Error

If you want to report an error, or if you want to make a suggestion, send us an e-mail:
help@w3schools.com

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Copyright 1999-2025 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.

Лучший частный хостинг