Conditional (ternary) operators (?, :)

The conditional operator allows a conditional assignment to a variable, depending on the Boolean result of the evaluation.

The following example explains how it works:

var value = (expression) ? operand1 : operand2

The Boolean expression from above (operand1 == operand2) is evaluated first. If the result is true (if operand1 is equal to operand2), the operand1 will be assigned to the variable value; in the opposite case (if they are not equal), the operand2 will be assigned to it.

This way of conditional evaluation is a very widely used technique in JavaScript.

Example

The example with conditional operators in JavaScript:

<!DOCTYPE html>
<html>
<head>
<title>JS tutorial</title>
<style type="text/css">
body {
	margin-top:20px;
	background-color:#ffa;
}
</style>
<script type="text/javascript">
	var value1 = 20;
	var value2 = 40;
	var answer = (value1 < value2) ? "YES" : "NO";
	document.write("<i>Conditional operator</i> examples:<br /> (change 'value1' or 'value2' too see different result)" + "<br /><br />");
	document.write("question = ( "+value1+" &lt; "+value2+" ) ?  YES : NO<br />");
	document.write("answer = "+answer);
</script>	

</head>
<body>

</body>
</html>

›› go to examples ››

Conditional (ternary) operators (?, :)

Example

The example with conditional operators in JavaScript:

Comments

About

Contact

Get Connected