if 문은 조건문이다.
설정한 조건에 따라 실행시킬수도, 또는 실행을 안시킬수도 있다.
예를 한번 보자.
const age = 30;
if (age > 18) {
console.log("welcome");
}

위에서 볼 수 있듯이
기본적인 사용법은 if ( 조건 ) { 내용 }; 이다.
조금 더 예를 들어보자.
else if는 또다른 조건을 제시할 수 있다.
else는 위의 모든 조건이 맞지않을 때 실행된다.
const age = 17;
if (age > 20) {
console.log("welcome");
} else if (age > 15) {
console.log("Oh you are really young");
} else {
console.log("You are not old enough")
}

첫번째 조건인 age>20에 부합하지 않기때문에
밑의 조건으로 내려간다.
두번째 조건인 age>15에 부합하기 때문에
결과가 실행된 것을 볼 수 있다.
if 문에서 "같은 값"을 나타내려면 ===
이렇게 =기호를 세 번 써준다.
const age = 20;
if (age === 20) {
console.log("welcome");
}

두 번 써줘도 같은 결과 값이 나오지만,
세 번 쓰는 걸 추천한다.
왜냐하면 의도치 않은 버그가 발생할 수 있기 때문이다.
두개를 쓰면 문자인 string도 같은 값으로 인식해버린다.
const age = 20;
if (age == '20') {
console.log("welcome");
}

보다시피 결과값은 같다.
age는 이미 number로 선언이 되어있고,
'20'은 string 이기 때문에 결과값은 나와도
이런 코드는 좋지 않다.
같은 value를 비교해야하기 때문이다.
이 외에도 조건문을 쓸 때
=>, <= : 크거나 같다, 작거나 같다
|| (백슬래시 두번) : 또는(둘 중 하나라도 맞을 때)
&& : 그리고(둘 다 맞을 때)
예를 들어보자.
const dice1 = 6;
const dice2 = 3;
if (dice1 === 6 && dice2 === 6) {
console.log("Great! , it's double!");
} else {
console.log("Not bad")
}

if (dice1 === 6 && dice2 === 6)
dice1이 6이고, dice2도 6이면 조건문을 실행.
dice2는 3으로 설정해뒀기 때문에 false.
그래서 else에 있는 "Not bad"를 실행한 것이다.
나도 아직 배우고 있는 과정이기에,
기본적인 것만 설명했다.
틀린 점이나 좋은 피드백 있으면 알려주시길..
'javascript' 카테고리의 다른 글
| javascript 6. DOM Manipulation (0) | 2020.09.11 |
|---|---|
| javascript 5. For Loop and While Loop 반복문 (0) | 2020.09.10 |
| javascript 4. Array(배열)에 대하여 (0) | 2020.09.09 |
| javascript 2. Single quote(' '), double quote(" "), backtick(` `) (0) | 2020.09.07 |
| javascript 1. var, const, let 의 차이점 (0) | 2020.09.06 |