제어문
제어문에는 조건문과 반복문 2가지의 종류가 있다.
1.조건문
프로그램 내에서 주어진 조건문의 결과에 따라 별도의 명령을 수행하도록 제어하는 실행문입니다.
- if문
- switch문
1) if문 👈🏻 if로 시작한다고 해서 if문이다
조건식이 있기때문에 무조건 결과는 true / false 가 나와야한다.
범위에 대한 조건을 줄 때 유리합니다.(어디서부터 ~ 어디까지)
1. if문
if(조건식){
조건식의 결과가 참(ture)일 때 실행할 문장;
}
❓허나 꼭 중괄호{}가 필요한 것은아니다.
if(조건식)
실행할문장;if문의 조건에 맞으면 그 다음 문장(한 문장)을 무조건 실행시켜주기때문이다.
중괄호{}를 사용하는 이유는 실행할 문장이 여러줄일 경우에는 중괄호를 써야한다.
if(조건문);세미콜론을 여기에 달아놓으면 true / false와 상관없이 다 출력해버린다. 그렇기 때문에 세미콜론을 항상 주의해야한다.
2. if ~ else 문
if(조건식){
조건식의 결과가 참(true)일 때 실행한 문장;
}else{
조건식의 결과가 거짓(false)일 때 실행할 문장;
}3. if ~ else if 문
if(조건식1){
조건식1의 결과가 참(true)일 때 실행한 문장;
}else if(조건식2){
조건식2의 결과가 참(true)일 때 실행한 문장;
}else if(조건식3){
조건식3의 결과가 참(true)일 때 실행한 문장;
}
...
...
else { //생략가능
위 조건식의 결과가 모두 거짓(false)일 때 실행할 문장;
}📌 if ~ else 문은 if문에서 첫번째 조건식에 해당되면 그 아래에 있는 else if문은 검토하지않고 바로 if문을 나온다.
2) switch문
switch문은 if ~ else 문과 마찬가지로 주어진 조건 값에 따라 프로그램이 다른 명령을 수행하도록 하는 조건문입니다.
특정 값과 일치하는 것을 찾을 때 유리하다.
switch 문이 if 문 보다 읽는 속도가 약 6배 정도 빠르다. 허나 case의 수가 너무나 많을 시에는 if문을 사용해주는 것이 좋다.
switch(변수){
case 값1:
변수와 값1이 일치할 경우 실행할 문장;
break;
case 값2:
변수와 값2이 일치할 경우 실행할 문장;
break;
case 값3:
변수와 값3이 일치할 경우 실행할 문장;
break;
...
default:
비교값이 모두 일치하지 않을 경우 실행할 문장;
}
예시)
<body>
<h2>switch 문</h2>
<script>
'use strict';
let input = prompt('아동, 청소년, 성인 중 선택하세요.');
switch(input){
case "아동":
input += " : 입장료 무료";
break;
case "청소년":
input += " : 입장료 2000원";
break;
case "성인":
input += " : 입장료 5000원";
break;
default:
alert('입력 값을 확인하세요.');
input = '입력 값을 확인하세요.'
}
console.log(input);
</script>
</body>'Front-End > JavaScript' 카테고리의 다른 글
| [JavaScript] 자바스크립트 반복문 while문, do ~ while문, for문, continue, break, 중첩반복문 (0) | 2020.12.21 |
|---|---|
| [JavaScript] Math.random() 함수 (0) | 2020.12.21 |
| [JavaScript] 자바스크립트 연산자 모든 것 (0) | 2020.12.18 |
| [JavaScript] 자바스크립트 대화상자 (prompt, alert, confirm) (2) | 2020.12.18 |
| [JavaScript] 자바스크립트 타입변환, 묵시적 타입변환, 명시적 타입변환 (0) | 2020.12.13 |
댓글