본문 바로가기
JavaScript/Clone Website

[JavaScript] #2.5 If, else, and, or (#코딩공부)

by 함께 공부해요 2020. 3. 20.

https://youtu.be/NUh9afZ5xUs


<복습>

https://wook-2124.tistory.com/75

 

[JavaScript] #2.4 Events and event handlers (#코딩공부)

https://youtu.be/LnuLDGO5848 <복습> https://wook-2124.tistory.com/73 [JavaScript] #2.3 Modifying the DOM with JS (#코딩공부) https://youtu.be/JscDdICRvgo <복습> https://wook-2124.tistory.com/72 [Jav..

wook-2124.tistory.com

<준비물>

https://repl.it/

 

Online IDE, Editor, and Compiler - Fast, Powerful, Free

Repl.it is a simple yet powerful online IDE, Editor, Compiler, Interpreter, and REPL. Code, compile, run, and host in 50+ programming languages: Clojure, Haskell, Kotlin (beta), QBasic, Forth, LOLCODE, BrainF, Emoticon, Bloop, Unlambda, JavaScript, CoffeeS

repl.it

<코드기록>

// condition(조건)은 조건이 ture(참)이면 뭐든 넣을 수 있고, 
// block은 console.log, alert등 어떤것이 와도 됨을 뜻함
if(condition){
  block
}
else {
  block
}


// 10이 5보다 큰 것은 true(참)이기 때문에 Hi가 출력됨
if(10 > 5){
  console.log("Hi");
}
else {
  console.log("Ho");
}


// ===는 checking하는 것임 (==하고는 다름) 
// 이 경우에는 10 === 5가 false(거짓)이기 때문에 else Ho가 출력됨
if(10 === 5){
  console.log("Hi");
}
else {
  console.log("Ho");
}


// else if - if의 또다른 condition(조건) (Python에서는 elif로 쓰임) 
// 추가로 "10"은 숫자가 아니라 str(문자열)임
if("10" === 10){
  console.log("Hi");
}
else if("10" === "10"){
  console.log("str is not int");
}
else {
  console.log("Ho");
}


// &&(And) - condition(조건)이 둘 다 true(참)이어야함
if("10" === "10" && "wook" === "zook"){
  console.log("Yes");
}
else {
  console.log("No");
}


// ||(Or) - condition(조건) 중 적어도 하나는 true(참)이여야함
if("10" === 10 || "wook" === "zook"){
  console.log("Yes");
}
else {
  console.log("No");
}


// prompt - 뭔가를 물어보는 함수(이제는 거의 쓰지 않음, alert의 기능)
const age = prompt("How old are you");

if(age > 18) {
  console.log("You can drink!");
}
else {
  console.log("You can't!");
}


// 마지막 연습
const age = prompt("How old are you");

if(age > 18 && age <= 22) {
  console.log("You can drink but you should not");
}
else if(age > 22) {
  console.log("Go ahead!");
}
else if(age == 18) {
  console.log("You are new to this, watch out!");
}
else {
  console.log("You are too young!");
}

1. if

if의 condition(조건)은 조건이 true(참)을 의미하면 어떤 것이든 넣을 수 있고, block은 console.log, alert등 어떤 것이 와도 됨을 뜻한다.

 

condition(조건)에서 10이 5보다 큰 것은 true(참)이기 때문에 else로 가지 않고, Hi가 출력됐다.


2. else

===는 같다는 의미가 아니라, 그 값이 동일한지 checking하는 것이다. (같다는 표시는 ==)

 

그리고 이 경우에는 condition(조건)이 false이기 때문에 else인 Ho가 출력됐다.


3. else if

Python에서 elif로 쓰이는 else if는 if의 또다른 condition(조건)을 뜻한다. 그리고 condition의 "10"은 int(정수)가 아니라 str(문자열)인 것을 주의해야 한다.


4. And(&&)

And(&&)는 condition(조건)이 둘 다 true(참)이어야한다.

 

condition(조건) 중 하나라도 거짓(false)인 경우 else가 반환된다.


5. Or(||)

Or(||)은 condition(조건) 중 적어도 하나는 true(참)이어야한다.

 

이 경우에는 condition(조건)이 모두 false(거짓)이니 당연히 else로 반환된다.


6. prompt

prompt는 alert와 비슷한 기능을 갖고있는 뭔가를 물어보는 함수이다. 지금은 이제 거의 쓰지 않는다.

 

함수를 실행하면,

 

이렇게 바로 창이 뜬다.

 

if의 condition으로 age라는 parameter(매개변수)를 정하고 실행했다.

 

27 값은 age > 18보다 큰 값으로 true(참)이니 if문을 반환한다.

 

if문의 값이 반환되어 출력됐다.


if문으로 19, 20, 21, 22 / else if문으로 23~ / else if문으로 18일 때를 제외한 값이 prompt에 입력되면 else가 출력된다.

 

27 값을 입력하면 else if문 23~에 속하므로 Go ahead!가 출력된다.


※ 코로나19 조심하세요!!!!

댓글