자바스크립트 삼항연산자
자바스크립트 삼항연산자
■ 자바스크립트에서 조건을 처리하는 형태의 제어문에는 대표적으로 if문이 있고, 좀 더 간결하게 표현할 수 있는 삼항연산자가 있는데요. 이번 글에서는 예제를 하나 만들어보면서 삼항연산자를 이해해보고, 같은 내용을 if문으로 바꿔서 어떻게 다른지 비교해보겠습니다.
■ 메모장을 열어서 간단하게 HTML 문서를 만들고 그 안에 자바스크립트를 넣을 건데요. 어떤 숫자를 입력받아서 그 숫자가 음수인지 양수인지 알아봐서 출력하는 내용의 프로그램을 만들어보겠습니다. 그전에 먼저 삼항연산자의 형식을 살펴보고 넘어갈게요.
삼항연산자 형식
(조건문) ? (조건이 참일 때 실행) : (조건이 거짓일 때 실행) ;
조건문이 참일 때는 첫 번째 문장을 실행하고, 거짓 일때는 두 번째 문장을 실행하는 형식입니다. 형식을 생각하면서 예제를 보겠습니다.
■ 사용자에게 숫자 입력을 받기 위해서 prompt를 이용했는데요. 이렇게 입력을 받으면 문자열로 저장이 되는데, 이것을 숫자로 바꿔주기 위해서 Number를 이용해서 숫자로 변경을 했구요.
삼항연산자의 내용은 입력받은 숫자가 '0'보다 크면 alert를 띄워서 "양수입니다." '0'보다 작으면 "양수가 아니네요"라는 문장을 출력하도록 했습니다. 실행결과를 보겠습니다.
■ 숫자를 입력받을 prompt 창이 나타나구요. 임의의 숫자를 입력해봤는데요. 조건문 (32>0)이 참이 되겠죠? 그리고 첫 번째 "양수입니다"라는 alert 창이 나타나게 될 겁니다. 확인해볼게요.
■ 이렇게 alert 창이 뜨게 됩니다. 음수도 직접 입력해서 확인해보시구요.
이 삼항연산자를 if문으로 바꿔보고 마무리할게요.
■ 삼항연산자와 같은 내용의 문장인데요. 삼항연산자로는 한 줄로 표현할 수 있었던 내용인데요. if문은 몇 줄 더 길어지는 정도의 차이가 있네요. 상황에 맞게 사용하시면 되겠습니다. 간단한 내용이니까 직접 작성해보세요. ^^ 수고하셨습니다.