[노마드코더] 바닐라 JS로 크롬 앱 만들기 #2.13 Conditionals - #2.16 Recap

#2.13 Conditionals

• conditional(조건문)은 true인지 false인지 알려주기 때문에 매우 중요
  • 예를들어 사용자가 로그인되어 있다면 >> 무엇인가를 보여준다.
• parseInt() : string을 받아서 number로 바꾸는 함수

prompt()를 활용한 parseInt 테스트

 

 

#2.14 Conditionals part Two

• isNaN(): 입력된 parameter가 Not A Number인지 아닌지를 반환해주는 함수.

if문 테스트 - prompt에서 aba 입력

• if/else 문 테스트 코드

const age = parseInt(prompt("How old are you?"));
console.log(age);

if (isNaN(age)) {
    // isNaN(age)가 true라면 실행
    console.log("Please write a Number");
} else {
    // isNaN(age)가 false라면 실행
    console.log("Thank you for writing your age");
}

 

 

2.15 Conditionals part Three

• 조건이 한 개 보다 더 많은 경우 else if 문을 사용한다.
  • else if 문은 두개가 동시 실행 될 수 없다.

if문 테스트 - prompt에서 aba 입력

• AND(&&) 와 OR(||)

AND (&&)	OR (||)
(true && true) == true (false && true) == false (true && false) == false (false && false) == false	(true || true) == true (false || true) == true (true || false) == true (false || false) == false

 

• else if 문 및 AND/OR 테스트 코드

if (isNaN(age) || age < 0) { // NaN 또는 음수
    console.log("Please write a real positive number");
} else if (age < 18) { // 10
    console.log("You are too young");
} else if (age >= 18 && age <= 50) { // 30
    console.log("You can drink");
} else if (age > 50 && age <= 80) { // 55
    console.log("You should exercise");
} else if (age > 80) { // 99
    console.log("You can do whatever you want");
}

2.16 Recap

• == 는 동등연산자, 값이 같으면 true이며, ===는 일치연산자, 값과 값의 종류(Data Type) 모두 같은지 비교
  • 0 == false // true
  • 0 === false // false