Javascript Exercise [if - replit 6 : 조건문]

Javascript Exercise Assignment 06 - [if 조건문]

1) if - 조건문

if문

if문(조건문)은 말 그대로 "만일 ~라면 ~한다"의 조건문 문장이 
컴퓨터 프로그래밍 언어로 변환된 것입니다. 아래의 코드를 봐주세요. 
3 + 3 을 계산해서 그 값이 5 보다 큰지, 아닌지 알아보는 로직을 작성했습니다.

예시1)
  const answer = 3 + 3;
  if (answer > 5) {
    alert("5보다 큰 숫자!");
  }

3 + 3 부분을 다른 숫자 계산으로 바꿔보세요. 
1, 2+2, 3 등등.. 다른 값으로 바꿔보면서 alert 창이 뜨는지 아닌지 확인해보세요. 
다음 코드를 자세히 보겠습니다.

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

이제는 조건이 거짓일 때 실행할 코드를 추가하려고 합니다. 
아래와 같이 else 문을 추가해주세요.

예시2)
const answer = 3 + 3;
if (answer > 5) {
  alert("5보다 큰 숫자!");
} else {
  alert("5보다 작거나 같은 숫자!");
}

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

아래와 같이 `else if`문도 있습니다. A조건, B조건, C조건 등등.. 
여러 조건을 설정할 수 있습니다.

  if ('A조건') {
    // A조건이 맞으면 여기만 실행
  } else if ('B조건') {
    // A조건 불만족, B조건이 맞으면 여기만 실행
  } else if ('C조건') {
    // A,B조건 불만족, C조건이 맞으면 여기만 실행
  } else {
    // 위의 조건이 모두 안 맞으면 실행
  }


else if문을 한 번 추가해보겠습니다.

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

if 부터 마지막 else 문까지 차례대로 조건문을 실행합니다.
그래서 위와 같은 경우 answer가 6이므로,
첫 번째 if문은 15보다 작아서 지나치고,
두 번째 else if문도 10보다 작아서 지나치고,
세 번째 else if문에서! answer가 5보다 크니까 "5보다 큰 숫자!" 
라는 알림창이 뜨게 됩니다. 조건문을 보면 위에서부터 차례로 조건을 체크하며 
내려온다는 사실을 알 수 있습니다. 그래서 조건문은 선언하는 순서가 중요합니다.

Assignment

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

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

Assignment - Javascript Code

const myFavoriteColor = color => {
  if (color == "navy") {
    return "Good!"
  } else if (color == "yellow") {
    return "Bad!"
  } else {
    return "Whatever!"
  }
}
const output2 = myFavoriteColor("navy");
console.log(output2); // Good!

Test(Personal) Assignment & Javascript Code

// 1) 파라미터와 인자를 받지 않는 조건문 
function ifloop() {
  const answer = 7;
  if (answer >= 5) {
    return "5보다 큰 숫자!";
  } else {
    return "5보다 작은 숫자";
  }
}
console.log(ifloop()); // 5보다 큰 숫자!

// 2) 파라미터와 인자를 받는 조건문
function ifloop02(num) {
  if (num > 30) {
    return "num은 30보다 큽니다";
  } else if (num < 30) {
    return "num은 30보다 작습니다.";
  } else {
    return "num과 30은 서로 같습니다.";
  }
}
const result = ifloop02(25);
console.log(result); // num은 30보다 작습니다.