Javascript 정리(2)

✅ if 문

👉 if문의 조건이 true이면 실행.
👉 else문은, 위의 if 문의 조건이 false일 경우 실행.


👉 조건문은 위에서부터 차례로 조건을 체크하며 내려온다. 즉, 조건문은 순서가 중요하다.

let answer = ( 1 + 9 ) / 2 + 1;

if (answer > 15) {
  console.log("15보다 큰 숫자");
}
if (answer > 10) {
  console.log("10보다 큰 숫자");
}
if (answer > 5) {
  console.log("5보다 큰 숫자");
}
else {
  console.log("5보다 작거나 같은 숫자");
}
// '5보다 큰 숫자' 출력

❗ 코드의 가독성을 위해 if - if-else - else 보다는
if - if - else 또는 if - if - return을 선호한다.

---

✅ 비교연산자

👉 동치 연산자 ==, ===, !=, !==
다양한 데이터타입을 비교하는 경우 사용

❗ 일치연산자 ===, ==

• === 연산자는 값과 타입이 같은지를 비교하는 동등 비교 연산자(equality operator), 엄격(일치) 비교.
• == 연산자는 값 또는 타입이 같은지를 비교하는 연산자, 추상(동등) 비교

if ("3" == 3) {
  return true;
}
// 추상 비교, 값이 같으면 true

if ("3" === 3) {
  return false;
}
// 엄격 비교, 값과 타입이 같아야 true

❗ 불일치연산자 !==

• !== 연산자는 '서로 같지 않음'을 비교

let answer = "사실"
if (answer !== "비밀") {
  console.log ("틀렸습니다.");
}
// "사실" 과 "비밀"은 같지 않기때문에 true
// `==` 연산자를 사용하면 false가 되기 때문에 출력되지 않는다

👉 관계 연산자 >, <, >=, <=
문자열(사전순으로 비교)과 숫자(크기로 비교) 데이터 타입을 비교할 때 사용.

👉 비교연산자가 있을 때는, 비교연산자 기준으로 왼쪽/오른쪽 나눠서 코드를 실행하게 된다. 즉, 괄호로 묶어서 먼저 연산하는 개념이 아니라 비교의 기준이 됨

function canIDrinkSoju(age) {
    if (age < 20) {
       return ("Go home");
    }
    if (age >= 50) {
       return ("Drink a little");
    }
    return ("enjoy!");
}
console.log(canIDrinkSoju(18));  // Go home"
console.log(canIDrinkSoju(50));  // "Drink a little"
console.log(canIDrinkSoju(30));  // "enjoy!"

// (arrow 함수식 호출 방법, if-if-return방식 사용)
let canIDrinkSoju = (age) => {
  if (age < 20) {
    return "go home";
  }
  if (age >= 50) {
    return "drink a little";
  }
  return "enjoy";
}
canIDrinkSoju(50);

---

✅ 논리연산자

👉 Or (||)
조건 중 하나만 맞아도 true.
👉 And (&&)
조건이 모두 맞아야 true.

const answer = prompt("어디 사세요?");

if (answer ==="선릉") {
  alert("가까우시네요");
}
if (answer3 === "강남") {
  alert("가까우시네요");
}
if (answer3 === "을지로") {
  alert("조금 멀리 사시네요");
}
else {
  alert("거긴 어디인가요?");
}
// "조건"은 모두 다르지만 "같은 결과"를 리턴한다. 
// 코드의 가독성을 높이기 위해 "같은 결과에 해당하는 조건을 묶을 수 있다"

const answer = prompt("어디사세요?");

if (answer === "선릉" || answer === "강남" || answer === "역삼") {
  alert("가까우시네요!");
} 
if (answer === "을지로") {   
  alert("조금 멀리 사시네요."); 
} 
else {
 alert("거긴 어디인가요?");
}
// or(||)으로 조건을 묶어줌으로써 해당 조건 중 하나만 해당해도 결과 출력.
// and(&&)로 묶어주면 모든 조건이 다 true가 되게 답을 써야해서 안된다.

// 취미와 성향을 답으로 받아서 동아리를 추천하는 조건문.
// 조건 : 취미가 꼭 축구여야 하고, 아침형 인간만 조기 축구회 추천, 조건을 모두 충족해야만 한다
const hobby = prompt("취미가 무엇?");
const morning = prompt("아침형 인간인가요?");

if (hobby === "축구" && morning === "네") {
  alert("조기축구회를 추천합니다");
}
else {
  alert("죄송합니다");
}
/* 사용자가 첫번째 prompt 질문에 "축구"라고 입력한 뒤 
두번째 prompt 질문에 "네"라고 입력해야만 
"조기축구회를 추천합니다" 라고 출력됨. */

👉 연산자를 활용한 조건문의 다양한 표현

if (age > 65 || age < 21 && res === "한국")

❗ Javascript는 왼쪽부터 해석한다

해석)

• age가 65를 넘거나,
• age가 21보다 아래이면서 사는 곳은 한국이다.

➡ 66(0), 18+한국(0), 66+한국(0)

🧨 만약 && 기준으로 나눈다면, 틀린 답이 된다. 이럴 경우에는 코드의 가독성을 위해 괄호로 묶어준다.
if ((age > 65 || age < 21) && res === "한국")
➡ 66+한국(0), 20+한국(0), 66(X)

/* 
player1과 player2 중 이긴 사람이 누군지 리턴해주세요.
예를 들어, player1이 이겼으면 "player1" 이 리턴 되고 그 반대의 경우라면 "player2"가 리턴 되고, 만일 비기는 경우에는 무조건 "player1"이 리턴 되어야 합니다.
player1 과 player2 의 값은 다음 셋 중 하나 입니다.
"가위" , "바위" , "보"
예를 들어, player1은 "가위" 이고 player2는 "보" 이면 "player1" 이 리턴 되어야 합니다.
*/

// 방법 (1). player1 이 이기는 모든 경우의 수를 if에 나열해준다
function rockPaperScissors(player1, player2) {
    if ( (player1==="가위" && player2==="보") ||
         (player1==="바위" && player2==="가위") || 
         (player1==="보" && player2==="바위") ||
         (player1==="가위" && player2==="가위") ||
         (player1==="바위" && player2==="바위") ||
         (player1==="보" && player2==="보") ) {
       return ("player1");
    }
    else {
       return ("player2");
    }
}

// 방법 (2). player2 이 이기는 모든 경우의 수를 if에 나열 후 나머지는 else의 경우로 넣는다
function rockPaperScissors(player1, player2) {
    if ( (player1==="가위" && player2==="바위") ||
         (player1==="바위" && player2==="보") || 
         (player1==="보" && player2==="가위") ) {
       return ("player2");
    }
    else {
       return ("player1");
    }
}

rockPaperScissors("보", "가위");

// 실제 가위바위보 rule을 적용한 함수식  
function rockPaperScissors(player1, player2) {
  if( (player1==="가위" && player2==="보") || 
      (player1 ==="바위" && player2==="가위") ||
      (player1==="보" && player2==="바위") ) {
        return ("player1 win");
  }
  if ( (player1==="가위" && player2==="바위") || 
       (player1 ==="바위" && player2==="보") ||
       (player1==="보" && player2==="가위") ) {
        return ("player2 win");
  }
  if ( (player1==="가위" && player2==="가위") || 
       (player1 ==="바위" && player2==="바위") ||
       (player1==="보" && player2==="보") ) {
        return ("비겼습니다");
  }
}
rockPaperScissors("보", "가위");