js 13. if문

조건문이란 조건에 따라 실행 여부가 결정되는 문이다.

 

if문은 조건문의 유형 중에 하나이다.

-> 중첩하여 if문을 사용하거나 and (&&)연산자를 활용 할 수 있다.

 

문제

영희는 친구와 게임을 하고 있습니다. 서로 돌아가며 랜덤으로 숫자를 하나 말하고 그게 3의 배수이면,

박수를 치고 아니면 그 숫자를 그대로 말하는 게임입니다.

입력으로 랜덤한 숫자 n이 주어집니다. 만약 그 수가 3의 배수라면 '짝'이라는 글자를,

3의 배수가 아니라면 n을 그대로 출력해 주세요.

입출력

입력 : 3
출력 : 짝

입력 : 2
출력 : 2

정답은 더보기에 있습니다.

const n = prompt ('숫자를 입력해주세요.')
if (n%3 == 0){
 console.log('짝');
}else {
console.log(n);
}

출처 : JS 100제

https://www.notion.so/JS-100-94d97d294dd14c9b911a02c840fa9f2d

 

1. if문

true인 조건식을 만나게 되면, 해당 코드를 실행하고 조건문을 빠져나온다.

if (조건) {
조건이 true로 판별 될 경우 실행되는 코드 
//코드가 한줄이라면 중괄호 생략 가능, 하지만 가독성을 위해 생략하지 않는 편이 좋다.
} //블록문은 문을 자체적으로 종결하기 때문에 세미콜론을 붙이지 않는다.

2. if ~else문

if (조건) {

조건이 true로 판별 될 경우 실행되는 코드

} else {

조건이 false로 판별 될 경우 실행되는 코드

}

if (조건1) {

조건1이 true로 판별 될 경우 실행되는 코드 
// if문을 빨리 빠져나올 수 있도록 true로 가장 많이 예상되는 조건식을 상단에 위치시킨다.

} else if (조건2){

조건1이 false로 판별 될 경우 실행되는 코드

} else {

조건2가 false로 판별 될 경우 실행되는 코드

}

if문을 중첩하여 활용한 예시

1. 첫번째 if문으로 price의 타입 확인 후

2.price가 number이면 가격 비교 후 콘솔 출력

function minchoPrice(price) {
		if (typeof price === 'number') { 
			if (price > 5000) { 
				console.log('민초 너무 비싸요..');
			} else if (price <=5000 && price >= 3000) {
				console.log('가끔 먹어도 되겠네요!');
			} else {
				console.log('합리적입니다!');
			}
		} else {
			console.log('가격을 숫자로 입력해주십시오.');
		}
}

 

위와 동일한 내용의 코드이나,

price타입을 먼저 확인 후 false일 경우 함수를 종료하는 함수.

function minchoPrice(price) {
		if (typeof price !== 'number') {
			console.log('가격을 숫자로 입력해십시오.');
			return;
		}
		if (price > 5000) {
			console.log('민초 너무 비싸요..');
		} else if (price <=5000 && price >= 3000) {
			console.log('가끔 먹어도 되겠네요!');
		} else {
			console.log('합리적입니다!');
		}
}

price를 숫자형태로 조건문 실행한 후

 number형태가 아니면 else문 실행하는 함수

function minchoPrice(price) {
		if (price > 5000) {
			console.log('민초가 너무 비싸요..');
		} else if (price <=5000 && price >= 3000) {
			console.log('가끔 먹어도 되겠네요!');
		} else if (price < 3000) { 
		   console.log('합리적입니다!');
	  	} else {
		  console.log('가격을 숫자로 입력해주십시오.');	
		}
}