728x90
반응형
자바스크립트 조건문
실제로 프로그램에서 처리하는 소스는 훨씬 복잡합니다.
특히 어떤 조건에 따라 명령 실행 순서를 바꾸거나 특정한부부만 계속해서반복하려면 조건문이나 반복문을 사용해야 합니다. 조건문은 명령을 실행하기 위해 조건을 체크하는 문입니다.
프로그램 소스는 작성된 순서대로 명령을 실행하는 것보다 조건에 따라 명령을 실행하는경우가 많습니다.
이 블로그에서는 조건문 종류인 if문, if else문, else if문, 삼항 연산자, 중첩 if문, switch문에 대해 알아보겠습니다.
if문, if else문
- if문 if 다음에 소괄호( ) 를 사용해서 조건을 표기합니다. 그리고 조건을 체크한 후 결괏값이 true 이면 if문에 있는 명령을, false 이면 if문에 있는 명령은 건너뛰고 그다음 명령을 실행합니다. 실행 명령문은 if(조건) 뒤에 중괄호{ }를 사용하여 표기합니다.
if문 기본형
if(조건식){
조건이 true일 때 실행할 명령
}
See the Pen Untitled by dongjin6539 (@dongjin6539) on CodePen.
- if else문은 조건을 체크한 후 true일 때 처리할 명령과 false일 때 처리할 명령이 따로있다면 if문과 else문을 사용합니다. if else문 안에 또 다른 if문이나 if else문을 사용할 수도 있습니다.
if else문 기본형
if(조건식){
조건이 true일 때 실행할 명령
} else {
조건이 false일 때 실행할 명령
}
See the Pen if else문 by dongjin6539 (@dongjin6539) on CodePen.
- if문이나 else 문에서 명령이 한줄이면 중괄호{ }를 생략해서 좀 더 간단하게 작성할 수 있습니다.
if(조건식){실행 명령} // else {실행 명령} → if(조건식) 실행 명령 // else 실행 명령
else if문
- 여러 개의 조건을 검사해야 할 경우 else-if문을 사용할 수 있습니다.
- 여러 개의 조건 중 하나가 참(true)인 경우 해당하는 명령을 실행하고 전체 if문을 종료합니다.
else if문 기본형
if(조건식1){
조건식1이 true일 때 실행할 명령
} else if(조건식2){
조건식2가 true일 때 실행할명령
} else {
조건식이 false일 때 실행할 명령
}
See the Pen Untitled by dongjin6539 (@dongjin6539) on CodePen.
삼항 연산자(조건 연산자)
- 조건이 복잡하지 않고 true와 false가 명확할 경우 if문을 사용하지 않고 삼항 연산자만으로 조건을 체크할 수도 있습니다.
- 삼항 연산자는 ' ? ' 와 ' : '을 사용해서 조건과 실행할 명령을 지정하는데 코드를 간결하게 만들어주므로 조건을 체크할 때 매우 유용합니다.
- 이 연산자는 조건이 참(true)인 경우에는 처음에 나오는 값(참)을 반환하고, 거짓(false)인 경우에는 두 번째 값(거짓)을 반환합니다.
- 기존 if문보다 더 효율적으로 사용이 가능합니다.
삼항 연산자 기본형
(조건식) ? true일 때 실행할 명령 : false일 때 실행할 명령
See the Pen Untitled by dongjin6539 (@dongjin6539) on CodePen.
중첩 if문
- 중첩 if문은 if문 안에 if문을 추가하는 것입니다.
- 더욱 복잡한 조건문을 만들 수 있습니다.
- 중첩 if문을 사용할 때는 코드의 가독성을 유지하기 위해 들여쓰기를 이용하여 명 블록을 구분하는 것이 좋습니다.
중첩 if문 기본
if (조건식1) {
if (조건식2) {
// 조건식1과 조건식2가 모두 참일 경우 실행될 코드
} else {
// 조건식1은 참이지만 조건식2는 거짓인 경우 실행될 코드
}
} else {
// 조건식1이 거짓인 경우 실행될 코드
}
See the Pen Untitled by dongjin6539 (@dongjin6539) on CodePen.
switch문
- 체크해야 할 조건문이 많을 경우에는 여러 개의 if else문을 사용하는 것보다 switch문이 더 편리합니다.
- switch문 안에 있는 case문에서 각 값에 따라 실행할 명령을 따로 구분하면 됩니다.
- swtich문에 있는 조건은 case문 중 하나에만 일치하고, case문을 실행한 후에는 완전이 switch문을 빠져나옵니다.
- 지정해 놓은 case문에 맞지 않으면 default문에 있는 문장을 실행합니다.
switch문 기본형
switch(조건식){
case 값 : 실행문
break;
case 값: 실행문
break;
default : 실행문
}
See the Pen Untitled by dongjin6539 (@dongjin6539) on CodePen.
참고 홈페이지
https://dongjin6539.github.io/web2023/javascript/javascript04.html
728x90
반응형
