자바스크립트 강의

[JavaScript] 1주차 - 조건문

notion0896 2024. 10. 8. 21:15

조건문 : if, else if, else, switch

 

if문 : 조건이 참인 경우에만 코드를 실행시킨다.

 

if - else - if문

if (조건1) {
     main logic 1
} else if (조건2) {
     main logic 2
} else {
     main logic 3
}

let x = -5;

if (x < 0){
	console.log("음수")
} else if (x >= 0 && x < 10){
	console.log("1~10 사이의 수")
} else {
	console.log("10이상인 수")
} // 음수

 

switch문 : 변수의 값에 따라 여러 개의 걍우(case)중 하나를 선택해 해당되는 코드를 실행한다. 모든 경우가 맞지 않을 때 default 값이 실행된다. 

let fruit = "apple";

switch (fruit) {
 case "apple":
  console.log("apple")
  break;
 case "banana":
  console.log("banana")
  break;
 case "kiwi":
  console.log("kiwi")
  break;
 default:
  console.log("nothing")
  break;
} // apple

 

조건문은 중첩이 가능하다. but 많이 쓰진 않음

let age = 15;
let gender = "여성";

if (age >= 18) {
  if (gender === "여성") {
    console.log("성인 여성입니다.");
  } else {
    console.log("성인 남성입니다.");
  }
} else {
    if(gender === "여성"){
        console.log("여성 미성년자입니다.")
    }else{
        console.log("남성 미성년자입니다.")
    }
}

// 여성 미성년자입니다.

 

삼항 연산자 : if문과 비슷하며 조건이 참인 경우와 거짓인 경우 각각 다른 값을 반환한다. 

? 뒤에 오는 값중 앞쪽이 참, 뒷쪽이 거짓인 값이 된다. 

let age = 20;
let msg = (agr >= 18) ? "성인" (true) : "미성년" (false)

console.log(msg) // "성인"

 

삼항 연산자와 단축 평가 

let x; // x는 지금 undefined 상태 
let y = x || 10;  // x가 지금 undefined 상태이면 기본값으로 10을 줘 

console.log(y) // 10

 

falsy / truthy 값

if (0) {
    console.log("hello") // falsy
}
if ("") {
    console.log("hello") // falsy
}

if (null) {
    console.log("hello") // falsy
}

if (undefined) {
    console.log("hello") // falsy
}

if (NaN) {
    console.log("hello") // falsy
}

if (false) {
    console.log("hello") // falsy
}

if (true) {
    console.log("hello")
} // truthy한 값만 실행 됨

'자바스크립트 강의' 카테고리의 다른 글

[JavaScript] 1주차 - 배열1  (2) 2024.10.10
[JavaScript] 1주차 - 객체  (0) 2024.10.10
[JavaScript] 1주차 - 함수  (2) 2024.10.08
[JavaScript] 1주차 - 연산자  (3) 2024.10.08
[JavaScript] 1주차 - 형 변환  (0) 2024.10.08