자바스크립트(Javascript) 조건 연산자, 삼항 연산자 사용하는 방법

 

환경: Eclipse Mars

 

조건 연산자는 조건에 의해 2개의 식 중에서 하나를 선택할 수 있도록 만든 것입니다. 주로 if 문을 줄여서 간단하게 만들 때 많이 사용합니다. 조건에서 결과가 참과 거짓 중 하나만 나타나는 경우에 사용하게 되는데 참인 경우 물음표(?) 바로 뒤에 수식이 선택되고 거짓이면 콜론(:) 뒤에 수식이 선택됩니다.

 

문법은 아래와 같습니다. () 안에 조건이 참이면 exp1 이 실행되며 거짓이라면 exp2 가 실행되죠. 그리고 바로 아래 예제는 if 문으로 수식을 표현하던 것을 조건 연산자로 고쳐 보았습니다. 훨씬 심플하죠.

 

(조건) ? exp1 : exp2

 

IF 문으로 표현한 조건문 입니다.

 

if (a > b){

   c = 10;

}else {

   c = 20;

}

 

위의 식을 조건 연산자로 고쳐 쓰면 다음과 같습니다. 아주 간단하게 표현이 되죠.

 

(a > b) ? c = 10 : c = 20;

 

이런 삼항 연산자는 아주 많이 사용하는 식입니다. if 로 처리하면 여러 줄이 되는데 한 줄로 표현이 가능하기 때문이죠. 아래 예제는 현재 시스템의 시간을 함수로 알아 와서 오후인지 오전인지 판단하는 소스입니다.

<!DOCTYPE HTML>
<html>
<head>
<meta charset="euc-kr">
<title>Javascript</title>
<style type="text/css">
body {background-color: #e7e7e7;}
div {margin : 10px;}
</style>
<script type="text/javascript">
<!--
	var now = new Date();
	var time = now.getHours();
	var greeting = "지금은" + 
		((time > 12) ? " 오후 " + time : " 오전 " + time);
	
	document.write(greeting);
//-->
</script>
</head>
<body>
</body>
</html>

자바스크립트(Javascript) 조건 연산자, 삼항 연산자 사용하는 방법

 

저작자 표시 비영리 변경 금지
신고
Posted by 녹두장군


티스토리 툴바