JavaScript - 7. 조건문 if

2021. 11. 25. 14:21Study/JavaScript

제어문

제어문은 프로그램의 흐름을 제어할 수 있도록 도와주는 실행문을 말합니다.

조건만족 여부에 따라 실행문을 제어할 수 있는 조건문과 변수에 일치하는 경우의 값에 따라 실행문을 제어할 수 있는 선택문, 그리고 특정 실행문을 여러번 반복 실행할 수 있도록 하는 반복문이 있습니다.

 

조건문에는 if문 else문 else if문이 있습니다.

선택문은 switch 문을 사용합니다.

반복문(loop)에는 for, while, do~while문이 있습니다.

 

* 조건절에서 Boolean : false, 0, null 을 제외한 모든 값은 참

 


 

if문

if문에는 단일조건문, 양자택일문, 다중조건문 3가지 형태의 문법 형식이 있다.

*조건절에는 관계연산자, 비교연산자가 들어간다.

*{} 블럭문은 실행문이 한 줄 일때만 생략 가능하다. (권장X)

 

 

단일 조건문

* 참일때만 실행된다.
if(조건절){
     조건이 true일 때 처리 됨
};
var num = prompt('정수를 입력하세요', '');

if(num % 2 == 0){   // 입력된 값이 짝수일 때만 실행
	console.log('입력된 값은 : ' + num + ' 이고, 짝수입니다.');
}
if(num % 2 == 1){   // 입력된 값이 홀수일 때만 실행
	console.log('입력된 값은 : ' + num + ' 이고, 홀수입니다.');
}
if(num % 3 == 0){   // 입력된 값이 특정 값의 배수일 때만 실행
	console.log('입력된 값은 : ' + num + ' 이고, 3의 배수입니다.');
}
var date = new Date();
var hour = date.getHours();

if (hour < 12) {
	console.log('오전입니다.');
}
if (hour >= 12) {
	console.log('오후입니다.');
}

 

 

양자택일문

* 참일때 실행되는 값과 거짓일때 실행되는 값이 있다.
if(조건절) {
     // 조건이 true일 때 처리 됨
} else {
     // 조건이 false일 때 처리 됨
}
var number = prompt('1~100 사이의 정수를 입력하세요.', '');

if(number >= 1 && number <= 100){
	console.log('1~100사이의 정수를 입력 하셨습니다.'); // 참일때 실행
} else {
	console.log('잘못 입력하셨습니다.'); // 거짓일때 실행
}
console.log('종료 됩니다.');
// 알파벳으로도 가능하다
var number = String(prompt('영문을 입력하세요.', ''));

if(number >= 'A' && number <= 'Z'){
	console.log('대문자를 입력 하셨습니다.');
} else {
	console.log('소문자를 입력하셨습니다.');
}
console.log('종료 됩니다.');

 

 

다중 조건문

* 조건이 두개 이상일 때 사용한다.
if(조건절) {
     // 해당 조건이 true일 때 처리 됨
else if(조건절) {
     // 해당 조건이 true일 때 처리 됨
else if(조건절) {
     // 해당 조건이 true일 때 처리 됨
} else {
     // 위에 있는 모든 조건에 false 일 때 처리 됨
     // 필요에 따라 생략 가능하다.
}
var person = 'F';

if(person == 'm' || person == 'M'){  // 영문은 대소문자를 모두 조건에 넣어줘야 한다.
	console.log('당신의 성별은 남성입니다.');
} else if(person == 'f' || person == 'F'){
	console.log('당신의 성별은 여성입니다.');
} else {
	console.log('잘못 입력하셨습니다.');
}
console.log('종료 됩니다.');
var result = Number(80);
var grade = 'A';

if(result >= 90){
	grade = 'A';
}else if(result >= 80){
	grade = 'B';
}else if(result >= 70){
	grade = 'C';
}else if(result >= 60){
	grade = 'D';
}else{
	grade = 'F';
}
console.log('당신의 학점은 ' + grade + ' 학점 입니다.');

 

 

중첩 조건문

* if문 내에 if문을 중첩할 수 있다.
if(조건절){
     // 해당 조건이 true일 때 처리 됨
} else{
     // 해당 조건이 false일 때 처리 됨
     if(조건절){
          // 해당 조건이 true일 때 처리 됨
     } else {
          // 해당 조건이 false 일 때 처리 됨
     };
};
if(hour < 11){
	console.log('아침 먹을 시간입니다.');
} else {
	if (hour < 15){
		console.log('점심 먹을 시간입니다.');
	} else {
		console.log('저녁 먹을 시간입니다.');
	};
};
var result = 90;
var grade = '';

if(result >= 0 && result <= 100){ // 0~100
	if(result >= 90){
		grade = 'A';
	}else if(result >= 80){
		grade = 'B';
	}else if(result >= 70){
		grade = 'C';
	}else if(result >= 60){
		grade = 'D';
	}else{
		grade = 'F';
	};
	console.log('당신의 학점은 ' + grade + ' 학점 입니다.');
} else {
	console.log('잘못 입력하셨습니다.');
};

 

 

'Study > JavaScript' 카테고리의 다른 글

JavaScript - 7. 반복문 for  (0) 2021.11.29
JavaScript - 7. 선택문 switch  (0) 2021.11.26
JavaScript - 6. 내장함수 inner Function  (0) 2021.11.25
JavaScript - 4, 5. 변수와 배열  (0) 2021.11.24
JavaScript - 3. 연산자  (0) 2021.11.24