Notice
«   2024/09   »
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30
관리 메뉴

Jade_o.o

[javascript] JavaScript 공부 정리8 - 조건문(if문, 삼항 연산자, switch문) 본문

JavaScript

[javascript] JavaScript 공부 정리8 - 조건문(if문, 삼항 연산자, switch문)

by jade 2024. 1. 16. 16:18
조건문

• 특정 조건일 때만 실행하고 싶은 구문이 있을 때 사용합니다.
     => prompt에 입력한 수가 짝수인지 홀수인지 판별하는 프로그램
     =>  ~ 일 때, ~ 하는 프로그램을 만들 때!

 

조건문 종류

     • 1) if 문

           => if와 else

           => if와 else if

           => if 중첩
     • 2) 삼항 연산자
     • 3) switch 문

 

1) if문

• 가장 기본적인 조건문

• 조건은 true, false로 결과가 나오는 것을 작성

     => a > 10(변수 a가 10보다 크다면)

     => str === "abcd" (변수 str이 abcd라는 문자열이라면)

• 조건에 변수 자체를 써도 되는 경우가 있는데, 이 경우는 변수자체가 true나 false로 판별 가능할 경우임

// if문 기본구조 (문법)

if (조건) {
	// 괄호 안의 조건이 만족할 때 실행할 문장
}

 

 

if와 else

• 기본 if문에서 진화한 형태

• 소괄호 속의 조건이 참이면 if 이하의 문장, 조건이 거짓이면 else 이하의 문장 실행
• 두개의 문장이 전부 다 실행될 수는 없음
  else는 조건을 필요로 하지 않음

//if와 else의 기본구조 (문법)

if(조건1) {
	// 괄호 안의 조건1이 참일 때 실행할 문장
}else{
	// 괄호 안의 조건1이 거짓일 때 실행할 문장
}

 

 

if와 else if

• else if도 if처럼 조건이 필요함
• else는 있어도 되고 없어도 됨 (else는 조건 x)
• 하지만 반드시 if문이 가장 먼저 나온 이후에 다른 구문이 나와야함

//if와 else if의 기본구조 (문법)

if(조건1){
	// 조건1이 참일 때 실행
}else if(조건2){
	// 조건1이 거짓이고, 조건2가 참일 때
}else if(조건3){
	// 조건1 조건2가 거짓이고, 조건3이 참일 때
}else{
	// 조건1 조건2 조건3이 모두 거짓일 때 실행
}

 

 

if 중첩

•  중첩, if문 안에 또 다른 if문도 들어갈 수 있어요!

//if 중첩 기본구조 (문법)

if (조건1) {
	if (조건2) {
    //실행
    } else {
    //실행2
    }
}

 

 

 

2) 삼항 연산자

• if문을 간단하게 표현하는 방법

•  조건식 ? 조건이 참인 경우 : 조건이 거짓인 경우;
• 한 줄로 간단히 표현 가능함

// 삼항 연산자 기본구조(문법)

let name = “뽀로로";
if (name == "뽀로로") {
console.log("맞았어요");
} else {
console.log("틀렸어요");
}
name != “뽀로로" ? console.log("맞았어요") : console.log("틀렸어요");

 

 

 

3) switch문

• if와 마찬가지로 조건문이지만 switch의 소괄호 안에는 true, false로 값이 나오는 조건이 아닌 변수 사용
• 변수와 case의 값이 일치한다면 실행
• a가 1일 때, a가 2일 때 각각 실행되는 문장
• break와 default 

// switch문 기본구조(문법)

switch (a) {
	case 1:
    	console.log('a는 1입니다.');
        break;
    case 2:
    	console.log('a는 2입니다.');
        break;
    default:
    	console.log('a값을 모르겠습니다.');
        break;
}