#2-5 첫 번째 조건문!! If, else, and, or

 

조건문 if-else

if-else는 기본적으로 프로그래밍에서 어떻게 모든게 잘 작동하는지 보여주는 것이다.
예를 들어, 유저가 로그인 했으면 이걸(if) 보여주고 안했으면 다른걸(else) 보여 주는 것

기본 구조

if(condition){
  block
} else {
  block
}

block은 자바스크립트 표현법이다.(console.log, alert 등 다른 것이 와도 상관없다.)
if(condition)에서 ()안에 값이 뭐든 참을 의미 하면 뭐든 넣을 수 있다.

예시

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

//hi

else 블럭 실행 예시

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


//ho

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


//ho

nicolas 와 necolas는 다르기 때문에 false
"10" === 10 이 false인 이유는 "10"은 문자열이기 때문에

if 조건은 항상 참이여야만 한다!!

else if 사용하기

예시

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


//lalala

if가 false이고 else if가 참이기 때문에 위의 값이 나온다.

피연산자 사용 방법

&&(and) 사용 예시

if (20 > 5 && "nicolas" === "nicolas") {
	console.log("yes");
} else {
	console.log("no");
}



//yes


if (20 > 5 && "nicolas" === "necolas") {
	console.log("yes");
} else {
	console.log("no");
}



//no

&&가 참이려면, if()안에 20 > 5도 참이여야 하고 "nicolas" === "nicolas"도 참이여야 true
둘 중 하나가 어떤 이유로든 거짓이면 else false로 가게 된다.

||(or) 사용 예시

if (20 > 5 || "nicolas" === "nicolas") {
	console.log("yes");
} else {
	console.log("no");
}


//yes



if (20 > 5 || "nicolas" === "necolas") {
	console.log("yes");
} else {
	console.log("no");
}


//yes

||(or)은 하나 아니면 나머지 것을 의미한다.둘 중 하나라도 참이면 true

prompt 사용해서 조건문 사용해보기

1

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 ahed");
} else {
	console.log("too young");
}


//값이 21 이하이면 you can drink but you should not
//값이 21 초과이면 go ahed
//값이 그 밖의 값이면 too young