티스토리 뷰

If , else

if-else, if-else, if-else로 만약 ~진행된다면 하고 else아니라면 말고 이런식으로 진행된다.

if(10 === 5) {
 console.log("hi");
 } else {
 console.log("ho");
}

만약 10이 정말로 5와 똑같다면, hi라고 보여주고, 아니라면 ho라고 보여주라는 명령에 결과는? 

ho가 나온다. 10 === 5는 같지 않기 때문이다.

 

if("10" === 10) {
	console.log("hi");
} else {
	console.log("ho");
}

//ho

이 결과는? 당연히 ho다. string10과 number10은 같지 않기 때문이다.

if - else if - else 의 구조로 쓸수도 있다. else if는 계속 다른 조건으로 사용 가능하다.

 

if(20 > 5 && "Alexis" === "Alexis") {
	console.log("yes");
} else {
	console.log("no");
}
//결과는 no.

처음 if( )의 조건에 여러개를 담고자 할때에는, &&을 사용하는데 and와 같은말로, 만약 A와 B가 맞다면, yes,

아니라면 no를 보여주라는것으로 모든 조건에 충족을 해야지만 yes고 하나라도 거짓이라면 else가 되는것이다.

 

if(20 > 5 || "Alexis" === "Alexis") {
	console.log("yes");
} else {
	console.log("no");
}
//결과는 yes.

 이 경우는 || or을 사용한 것으로, A 아니면 B중에 true라면 yes. 아니라면 no라서, 조건 하나만 충족을 해도 yes인 것으로 대답할 수 있다.

 

true && true = true;

false && true = false;

true && false = false;

false && false = false;

 

true || true = true;

false ||true = true;

true || false = true;

false ||false = false;

&& 과 ||의 차이에 대해서 주의하자! 

 

prompt 

alert과 비슷하다. 유저에게 무엇인가를 물어볼 수 있다. 잘 사용하지 않는다. 오래된 자바스크립트.

const age = prompt("How old are you?");

if( age >= 18 && age <= 21){
	console.log("You can drink but you Should not");
} else if( age > 21 ){
	console.log("Go ahead");
} else {
	console.log("Too young");

조건식에 만약 나이가 18살과 같거나 많고, 그리고&& 21살과 같거나 어리다면 (두 조건 모두 충족), console창에 마실수 있지만 ,마셔서는 안된다. 라는것이 보일것이고, 그 후 나이가 21살보다 많다면, 맘대로 하라. 라는 문장이 나타날 것이고, 만약 앞 조건에 충족되지 않은 나이는 18살보다 적은 나이일 것이므로, 너무 어리다. 라는 문장이 나타나게 된다.

'노마드코더 > 자바스크립트' 카테고리의 다른 글

#2-7 DOM If else Function practice part Two  (0) 2021.08.29
#2-6 DOM If else Function practice  (0) 2021.08.29
#2-4 Events and event handlers  (0) 2021.08.29
#2-3 Modifying the DOM with JS  (0) 2021.08.29
#2-2 JS DOM Functions  (0) 2021.08.29
댓글
© 2018 webstoryboy