조건문

이서림·2024년 7월 30일

JavaScript

목록 보기
15/28

조건문

  • 주어진 조건에 따라 실행되는 코드
  • Truthy : true, 문자열, 0이 아닌 숫자, [], {}
  • Falsy : false, 비어있는 문자열, 0, null, undefined, NaN

if문

/*
if (조건식) {
// 조건을 만족했을 때 실행될 코드
}
 */

let score = 95;
if (score > 80) {
console.log("참 잘했습니다!");
}

else문

  • 그 밖의 상황인 조건이 거짓일 때
let x = 3;
let y = 7;

if(x == y){
console.log('if문으로 실행되었습니다.');
} else{
console.log('else문으로 실행되었습니다.');
}

else if문

  • 조건이 여러 개일떄 주로 사용.
let score = 69;

if (score > 90){
console.log('참 잘했습니다!');
} else if (score > 80){
console.log('잘했습니다!');
} else if (score > 70){
console.log('했습니다!');
}

삼항연산자 (Conditional ternary operator)

  • if문을 간단하게 표현하지만, 너무 많은 조건들을 비교하여 중첩될 경우에 if문에 비해 가독성이 떨어질 수 있으므로 사용에 주의
  • 삼항연산자는 코드를 실행하고 값으로 사용된다는 점에서 if문과 차이
조건식 ? (조건식이 참일 때 실행되는 코드) : (조건식이 거짓일 때 실행되는 코드)
let item = true ? console.log('true') : console.log('false');
console.log(item);

//조건이 true이기 때문에 console.log('true')가 실행되고, 반환값인 undefined가 item에 할당.

let price = 5000;
let message = (price>6000) ? '비싸요!' : 
							(price<3000) ? '엄청싸요!' : '적당해요!';
							
console.log(message);  // 출력: 적당해요!

switch 문

  • 표현식의 값에 따라서 분기 처리를 하는 조건문.
    switch (표현식) {
      case1:
        // 값1에 대한 실행 코드
      case2:
        // 값2에 대한 실행 코드
      ...
      default:
        // 모든 case에 해당하지 않을 때 실행될 코드
    }
    //자료형도 일치해야함

fall through현상이란?

  • case 문의 끝에 break 문이 생략된 경우, 값이 일치하는 case문 이후의 모든 case문이 실행되는 현상
profile
꾸준한 열정으로 나아가는 프론트엔드 개발자

0개의 댓글