Unit2-[JavaScript] 기초 [조건문]
2022. 12. 17. 01:36ㆍ코드스테이츠/코드스테이츠S1: Chapter & Unit
if문
if문은 주어진 조건식의 참(true)/거짓(false) 여부에 따라 실행이 결정됩니다.
참과 거짓을 판단하기 위한 JavaScript의 타입은 불린 타입.
따라서 조건식은 결과가 불린 타입이 되도록 작성해야 합니다.
조건식의 결과가 참일때 코드.
if (true){
console.log('code states')
}
if 뒤에 있는 소괄호에 조건식을 넣으면, 조건식이 참으로 평가된 경우 코드블록 내부의 코드가 실행됩니다. 지금은 true를 넣었기 때문에 console.log('code states')가 실행됩니다.
간단하고! 명료하게! 조건문은 ()안의 내용이 true 여야만[ ] 안에 식이 실행된다.
동치연산자 (===,!==)
동치연산자는 두 피연산자가 동일하면 true, 그렇지 않으면 false를 반환합니다. !==는 반대로 두 피연산자가 동일하지 않으면 true, 동일하면 false를 반환합니다.
let minsu = 20;
let nari = 20;
if(minsu === nari) {
console.log('친구입니다.')
}
let minsu = 23;
let nari = 20;
if(minsu !== nari) {
console.log('친구가 아닙니다.')
}
비교연산자(> , < , >= , <=)
비교연산자는 두 피연산자의 값의 크기를 비교합니다. 수학에서의 부등호 기호의 사용법과 유사합니다.
let num = 5; // num은 5
if (num < 10) { // num이 10보다 작으면
num = num + 1; // num에 1을 더해줘라
}
console.log(num); // num에 1을 더한 값 6
// 현재 num의 값은 6인상태
if (num > 5) { // num이 5보다 크다면
num = num - 1; // num에 1을 빼줘라
}
console.log(num); // num에서 1을 빼준 값 5
논리연산자(&&, ||)
논리합(||)과 논리곱(&&)을 사용하면 복수의 조건을 작성할 수 있습니다. ||은 여러 조건 중 하나만 true여도 true로 판단됩니다. &&은 여러 조건 중 하나라도 false이면 false로 판단됩니다.
let age = 17; // age 는 17
let drinkAge = 19; // drinkAge 는 19
if(age >= drinkAge){ // age가 dringAge 이상이면
console.log('음주 가능 나이입니다.') // 음주가 가능한 나이다.
}else{ // 그렇지 않으면
console.log('음주가 불가능한 나이입니다.') // 음주가 불가능하다
}
부정연산자(!)
부정연산자는 조건을 부정합니다. 조건이 true이면 false, 조건이 false이면 true를 리턴합니다.
let age = 16;
let dringAge = 19;
if(!(age === dringAge)) { // 원래는 age와 drinkAge가 같지 않기때문에 false를 리턴했겠지만, !때문에 true로 인식
console.log('음주 가능한 나이가 아닙니다.')
궁금증
1.부정연산자 ! 와 동치연산자 !==의 쓰임새는 어떻게 다른가? 굳이 부정연산자 !를 사용해야 하는가?
'코드스테이츠 > 코드스테이츠S1: Chapter & Unit' 카테고리의 다른 글
Unit4-[CSS] 셀렉터 (0) | 2022.12.22 |
---|---|
Unit2-[JavaScript] 기초 [함수] (0) | 2022.12.21 |
Unit2-[JavaScript] 기초 [Boolean Type] (0) | 2022.12.15 |
Unit2-[JavaScript] 기초 [String Type] (0) | 2022.12.15 |
Unit2-[JavaScript] 기초 [Number Type] (0) | 2022.12.15 |