条件演算子(三項演算子)とは、条件式、真式、偽式の3つのオペランド(演算子引数)を結ぶ演算子。
条件式が真の場合、真式の値を返し、条件式が偽の場合、偽式の値を返す。
構文
条件式 ? 真式 : 偽式
条件式は、真または偽の論理値を返す論理式。
条件式が真となったときは、真式の値を返す。条件式が偽となったときは、偽式の値を返す。
サンプル
論理値
true
<script type="text/javascript">
sampleVar = true;
document . write( ( sampleVar ) ? '<p>YES</p>' : '<p>NO</p>' );
</script>
sampleVar = true;
document . write( ( sampleVar ) ? '<p>YES</p>' : '<p>NO</p>' );
</script>
↓↓↓出力結果↓↓↓
false
<script type="text/javascript">
sampleVar = false;
document . write( ( sampleVar ) ? '<p>YES</p>' : '<p>NO</p>' );
</script>
sampleVar = false;
document . write( ( sampleVar ) ? '<p>YES</p>' : '<p>NO</p>' );
</script>
↓↓↓出力結果↓↓↓
整数比較条件式
<script type="text/javascript">
sampleVar = 5;
document . write( ( sampleVar > 3 ) ? '<p>YES</p>' : '<p>NO</p>' );
</script>
sampleVar = 5;
document . write( ( sampleVar > 3 ) ? '<p>YES</p>' : '<p>NO</p>' );
</script>
↓↓↓出力結果↓↓↓
文字列比較条件式
<script type="text/javascript">
sampleVar = "red";
document . write( ( sampleVar == 'red' ) ? '<p>赤</p>' : '<p>赤ではない</p>' );
</script>
sampleVar = "red";
document . write( ( sampleVar == 'red' ) ? '<p>赤</p>' : '<p>赤ではない</p>' );
</script>
↓↓↓出力結果↓↓↓