자바스크립트 2. 조건문

오늘은 조건문을 기록해보자!

두둥탁!

 

조건문은 조건식이 'true(참) 또는  false(거짓)'인지에 따라 달라집니다.

 

이번에 배운 조건문은 'if / else if / else' 세가지를 배웠습니다!

 

먼저 if문을 기록해보자! if문은 조건식을 만족(true)일 때만 중괄호 안에 작성한 코드를 실행하게 된다.

if (조건식) {
 blah blah 코드 
}

예시를 먼저 살펴 보자면,

let num = 30 
if (num < 1000) { // 조건식이 만족(true)되었다!
 console.log('Good');
} // 'Good'

조건식을 만족 시켜 주었기 때문에 if문 안에 작성한 코드가 실행되었다.

반대로, 조건식을 만족시켜주지 못하면(false) 코드는 실행되지 않는다.

이 때 나는 falsy값을 배웠다!

false한 값을 말하는데, 대표적으로 6개가 있으니 기억하자!

(6개 쯤은 외울 수 있자나.... 머리야 제발 기억해줘..)

 

대표적인 falsy값 6가지

▶ false / null / undefined / 0 / NaN / ' ' ◀

조건식에 이 값들이 들어가게 되면 if구문은 실행되지 않는다!

 

다음은 else if문을 기록해보자! else if문은 두 가지 이상의 조건식과 정해놓은 조건을 만족하지 않았을 때 실행되는 코드로 이루어져있다. 다음 예시를 바로 살펴보자!

function monthToSeason(mon) {
 if (mon >= 3 && mon <= 5) {  // mon === 3 || mon === 4 || mon === 5
  console.log('봄');
 } else if (mon >= 6 && mon <= 8) { 
    console.log('여름');
 } else if (mon >= 9 && mon <= 11) { 
    console.log('가을');
 } else {
    console.log('겨울');
 }
}

monthToSeason함수의 변수에 해당하는 '월'을 입력하면 무슨 계절인지 알려주는 코드이다. 보면 if문에서 3이상 5이하의 값이 들어 오지 안으면 (조건을 만족하지 않음) 다음 else if식으로 간다. 계속해서 조건이 맞을 때 까지 찾아간다. 맨마지막에 else는 갑자기?!?!?!?!?!?

 

마지막은 else문을 기록해보자.

(솔직히 서순이 좀 잘못된 것 같은데 수정하기 귀찮아 ㅎ.....)

else문은 조건식의 만족 여부에 따라 실행되는 코드가 달라지는 else문의 기본형이다. 

예시를 통해 살펴보자

function isThisOddOrEven(num) {
 if (num % 2 === 0) {
  console.log('짝수');
 } else {
  console.log('홀수');
 }
}

num에 들어가는 숫자가 짝수이면 if문의 조건에 맞기 떄문에 '짝수'를 말해준다. 하지만 홀수가 들어가면 if문의 조건에 맞지 않고 '당황하지 않고 자연스럽게 지나치고' else 문에 별도의 조건식 없이 '홀수'라고 내뱉는다.

 

개인적으로 else문은 딱 '기다' or '아이다' (사투리) 두가지로 나뉠때 쓰기 좋고, 위의 계절예시처럼 어짜피 나머지 값은 겨울이니까 조건문 쓰지 말자! 할때 좋은것 같다.

 

다음은 문자열을 기록해 보자!