1. if문

말 그대로 "만일 ~라면 ~한다"의 조건문 문장이 컴퓨터 프로그래밍 언어로 변환된 것입니다.

  const answer = 3 + 3;

  if (answer > 5) {
    alert("5보다 큰 숫자!");
  }

answer 라는 변수에 3+3을 계산한 결과값이 할당됐습니다.
의 의미는 왼쪽의 값이 오른쪽의 값보다 크다는 의미입니다.
()괄호안의 조건이 맞으면, {}괄호 안에 있는 코드가 실행됩니다.

const answer = 3 + 3;

if (answer > 5) {
  alert("5보다 큰 숫자!");
} else {
  alert("5보다 작거나 같은 숫자!");
}

위의 코드내용에 if문 마지막에 else절을 보게 되면

• else 문은, 위의 if 문의 조건이 false일 경우 실행됩니다.
• answer 변수가 5보다 크면 if 문 내부의 코드가 실행되고,
• answer 변수가 5보다 작거나 같으면 else 문 내부의 코드가 실행됩니다.

const answer = 3 + 3;

if (answer > 15) {
  alert("15보다 큰 숫자!");
} else if (answer > 10) {
  alert("10보다 큰 숫자!");
} else if (answer > 5) {
  alert("5보다 큰 숫자!");
} else {
  alert("5보다 작거나 같은 숫자!");
}

위의 코드내용에 else if부분을 보게 되면

• if 부터 마지막 else 문까지 차례대로 조건문을 실행합니다.
• 그래서 위와 같은 경우 answer가 6이므로,
• 첫 번째 if문은 15보다 작아서 지나치고,
• 두 번째 else if문도 10보다 작아서 지나치고,
• 세 번째 else if문에서! answer가 5보다 크니까 "5보다 큰 숫자!" 라는 알림창이 뜨게 됩니다.

=>조건문을 보면 위에서부터 차례로 조건을 체크하며 내려온다는 사실을 알 수 있습니다. 그래서 조건문은 선언하는 순서가 중요합니다.

Assignment

-아래 조건에 맞게 함수를 구현해주세요.
myFavoriteColor 함수는 "색깔"을 인자로 받고 3가지 결과 값을 리턴합니다.
if문을 사용해 다음 조건에 맞게 함수를 구현 해주세요.

• color 가 "navy" 이면 "Good!" 리턴
• color 가 "yellow" 이면 "Bad!" 리턴
• 그 외의 경우 "Whatever!" 리턴

function myFavoriteColor(color){
	if(color === "navy"){  
    
    //만약 color라는 인자부분이 "navy"이면 (비교연산자 이용시 '='사용 안됨)
    
    	return "Good!"
        
        //"good!"이라는 값을 받아오고
        
    }else if(color === "yellow"){
    
    //만약 color라는 인자부분이 "yellow"이면
    
    	return "Bad!"
        
        //"bad!"라는 값을 받아오고
        
    }else{
    
    //모두 해당이 안된다
    
    	return "Whatever!"
        
        //"whatever!"이라는 값을 받아온다.
    }
}