if문(조건문)은 말 그대로 "만약에 ~하면 ~한다"가 컴퓨터 언어로 변환된 것입니다. 아래의 코드를 봐주세요. 3 + 3
을 계산해서 그 값이 5
보다 큰지, 아닌지 알아보는 로직을 작성했습니다.
let answer = 3 + 3;
if (answer > 5) {
alert("5보다 큰 숫자!");
}
3 + 3 부분을, 다른 숫자 계산으로 바꿔보세요. 1, 2+2, 3 등등.. 다른 값으로 바꿔보면서 alert 창이 뜨는지 아닌지 확인해보세요. 코드를 자세히 보겠습니다.
if
우측 ()괄호안의 조건이 맞으면, {}괄호 안에 있는 코드가 실행됩니다.아래는 answer
라는 변수에 "비밀"
이라는 문자열이 저장 됐으면, "맞았습니다!"
와 "축하해요!"
라는 텍스트가 알림창으로 뜨는 조건문 입니다.
이제는 조건이 안 맞을 때 실행할 코드를 추가하려고 합니다. 아래와 같이 else
문을 추가해주세요.
let answer = 3 + 3;
if (answer > 5) {
alert("5보다 큰 숫자!");
} else {
alert("5보다 작거나 같은 숫자!");
}
아래와 같이 else if
문도 있습니다. A조건, B조건, C조건 등등.. 여러 조건을 설정할 수 있습니다.
else if
문을 한 번 추가해보겠습니다.
let answer = 3 + 3;
if (answer > 15) {
alert("15보다 큰 숫자!");
} else if (answer > 10) {
alert("10보다 큰 숫자!");
} else if (answer > 5) {
alert("5보다 큰 숫자!");
} else {
alert("5보다 작거나 같은 숫자!");
}
조건문을 보면 위에서부터 차례로 조건을 체크하며 내려온다는 사실을 알 수 있습니다. 그래서 조건문은 순서가 중요합니다.
myFavoriteColor
함수는 "색깔"
을 인자로 받고 3가지 결과 값을 리턴합니다.color
가 "navy"
이면 "Good!"
리턴color
가 "yellow"
이면 "Bad!"
리턴"Whatever!"
리턴
// Assignment - 다음 함수 안에 코드를 구현하세요
function myFavoriteColor(color) {
if(color === "navy"){
return "Good!";
}else if(color === "yellow"){
return "Bad!";
}else{
return "Whatever!";
}
}