반응형
자바스크립트(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) 수학, 난수 계산 Math 객체 4부, Max, Min 함수 (0) | 2019.06.15 |
---|---|
자바스크립트(Javascript) 수학, 난수 계산에 쓰이는 Math 객체 3부, Random 함수 (0) | 2019.06.08 |
자바스크립트(Javascript) 수학과 난수 Math 객체 사용하기 2부, Ceil, Floor, Round (0) | 2019.06.02 |
자바스크립트(Javascript) 수학과 난수 Math 객체 사용하기 1부, cos, sin, tan 함수 (0) | 2019.05.27 |
자바스크립트(Javascript) 문자를 숫자로 변환하는 Number 함수 (0) | 2019.05.02 |
자바스크립트(Javascript) 내장 객체 Array 의 join 함수, reverse 함수 – 3회 (0) | 2019.04.27 |
자바스크립트(Javascript) 문자인지 여부를 판단할 수 있는 isFinite 함수 (0) | 2019.03.24 |
자바스크립트(Javascript) 대화상자 내장함수 alert, confirm, prompt 사용하는 방법 (0) | 2018.12.30 |