[Javascript] 조건문

여정이·2023년 7월 13일

자바스크립트

목록 보기
5/8
post-thumbnail

스파르타 코딩강의 : JavaScript 문법 종합반 1주차 - 조건문


✨ 이번 글에서 사용할 주요 기능

  • 조건문 if의 기본 개념과 사용 방법 알아보기
  • else / else if의 사용 방법 알아보기
  • 중첩 조건문 사용하는 방법 알아보기
  • switch 사용 방법 알아보기

조건문 if

조건문의 기본 형태

if(실행 조건){실행하는 내용}

ex. x가 10보다 크면 콘솔 로그로 "x는 10보다 큽니다."를 출력한다.

let x = 20
if(x>10){
	console.log("x는 10보다 큽니다.")
}

else / else if

  • else : if문에서 실행 조건을 만족하지 않을 경우 else 다음 내용을 실행한다.
  • else if : if문의 위의 조건을 만족하지 않으면서 해당 조건을 만족할 경우 하위 내용을 실행한다. else if는 여러 개가 들어갈 수 있다.
if(//실행 조건){
	//실행하는 내용
    }
  	else if (//실행 조건){
		//실행하는 내용
	}

    else
    {
    //실행 조건을 만족하지 않을 경우 실행하는 내용
    }

ex. x가 10보다 크면 콘솔 로그로 "x는 10보다 큽니다."를 출력하고, 10이면 "x는 10입니다"를, 그렇지 않을 경우 "x는 10이하입니다."를 출력한다.

let x = 20
if(x>10){
	console.log("x는 10보다 큽니다.")
} 
else if (x===10){
	console.log("x는 10입니다.")
}
else{
	console.log("x는 10이하입니다.")
}

중첩 조건문

if문 안에 if문이 또 들어갈 수 있다. 상위 if문의 조건을 만족시키면서 하위 if문의 조건까지 만족시키면, 하위 if문의 코드를 실행한다.

if(//실행 조건){
	if(//실행 조건){
  	//실행 내용
  }
}
  	

ex.

//중첩 조건문
let age = 20
let gender = "여성"

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

출력 결과

삼항 연산자를 활용하여 조건문 작성하기

let age = 20;
let message = (age >= 18) ? "성인입니다." : "미성년자입니다.";
console.log(message);   // "성인입니다."

Switch

스위치는 case별로 나누어 특정 변수가 해당 case를 만족할 때 하위 코드를 실행한다.

기본 형태

switch문의 모든 case의 마지막에는 break가 들어있어야 하며, 기본적으로 실행할 값인 default인 경우 역시 설정해주어야 한다.


switch(변수){
  case 변수의 값 : 
    실행할 코드
    break
  case 변수의 값2 :
    실행할 코드
    break
  default:
    case에 해당되지 않는 모든 경우일 때 실행할 코드
    break
}

ex.

//switch
let fruit = "사과"

switch(fruit){
    case "사과" :
        console.log("사과입니다.")
        break
    case "바나나":
        console.log("바나나입니다.")
        break;
    case "키위":
        console.log("키위입니다.")
        break;
    default:
        console.log("아무것도 아닙니다.")
        break;
}

출력 결과

0개의 댓글