일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 자바 스크립트 소개
- #JAVASCRIPT
- 형 변환
- 마인크래프트
- 자바 스크립트 개념
- iteration statements
- 후기 공유회
- Coding bootcamp
- 객체지향 프로그래밍
- operator
- DATA Type
- 기초적인
- Object Oriented Programming
- 자바 스크립트
- 자바스크릡트
- control flow statements
- javascript
- 제어문
- 회고록
- 자료형
- 코드 스테이츠
- Type conversion
- 반복문
- OOP
- 이머시브
- 회고
- 자바스크립트
- 코딩부트캠프
- Java script
- 코드스테이츠
- Today
- Total
All In One_IT
[Java Script] 07. 조건문 (Conditional statements) 본문
조건문(conditional statements)
조건문이란 프로그램 내에서 주어진 표현식의 결과에 따라 별도의 명령을 수행하도록 제어하는 실행문이다.
조건문 중에서 가장 기본이 되는 실행문은 if 문이다.
자바스크립트에서 사용할 수 있는 조건문의 형태는 다음과 같다.
- if 문
- if / else 문
- if / else if / else 문
- switch 문
if 문
if 문은 표현식의 결과가 참(true)이면 주어진 실행문을 실행하며, 거짓(false)이면 아무것도 실행하지 않는다.
if 문을 순서도로 표현하면 다음 그림과 같이 표현할 수 있다.
if 문의 문법은 다음과 같다.
예제
if (표현식) {
표현식의 결과가 참일 때 실행하고자 하는 실행문;
}
예제
let x = 10, y = 20;
if (x == y) {
console.log("x와 y는 같다.");
}
if (x < y) {
console.log("x가 y보다 작다.");
}
if (x > y) // 실행될 실행문이 한 줄뿐이라면 중괄호({})를 생략할 수 있음.
console.log("x가 y보다 크다.");
else 문
if 문과 같이 사용할 수 있는 else 문은 if 문의 표현식 결과가 거짓(false) 일 때 주어진 실행문을 실행한다.
if / else 문을 순서도로 표현하면 다음 그림과 같이 표현할 수 있다.
else 문의 문법은 다음과 같다.
예제
if (표현식) {
표현식의 결과가 참일 때 실행하고자 하는 실행문;
} else {
표현식의 결과가 거짓일 때 실행하고자 하는 실행문;
}
else 문을 사용하면 앞의 예제를 좀 더 직관적으로 표현할 수 있다.
예제
let x = 10, y = 20;
if (x == y) {
console.log("x와 y는 같다.");
} else {
if (x < y)
console.log("x가 y보다 작다.");
else // 실행될 실행문이 한 줄뿐이라면 중괄호({})를 생략할 수 있음.
console.log("x가 y보다 크다.");
}
else 문에서도 실행될 실행문이 한 줄뿐이라면 중괄호({})를 생략할 수 있다.
else if 문
else if 문은 if 문처럼 표현식을 설정할 수 있으므로, 중첩된 if 문을 좀 더 간결하게 표현할 수 있다.
하나의 조건문 안에서 if 문과 else 문은 단 한 번만 사용될 수 있다.
하지만 else if 문은 여러 번 사용되어 다양한 조건을 설정할 수 있다.
else if 문의 문법은 다음과 같다.
예제
if (표현식1) {
표현식1의 결과가 참일 때 실행하고자 하는 실행문;
} else if (표현식2) {
표현식2의 결과가 참일 때 실행하고자 하는 실행문;
} else {
표현식1의 결과도 거짓이고, 표현식2의 결과도 거짓일 때 실행하고자 하는 실행문;
}
예제
let x = 10, y = 20;
if (x == y) {
console.log("x와 y는 같다.");
} else if (x < y) {
console.loge("x가 y보다 작다.");
} else { // x > y인 경우
console.log("x가 y보다 크다.");
}
else if 문에서도 실행될 실행문이 한 줄뿐이라면 중괄호({})를 생략할 수 있다.
삼항 연산자에 의한 조건문
자바스크립트에서는 간단한 if / else 문을 삼항 연산자를 이용하여 간단히 표현할 수 있다.
표현식 ? True(참) : Flase(거짓)
witch 문
switch 문은 if / else 문과 마찬가지로 주어진 조건 값에 따라 프로그램이 다른 명령을 수행하도록 하는 조건문이다. 이러한 switch 문은 if / else 문보다 가독성 측면에서 더 좋다.
switch 문의 문법은 다음과 같다.
예제
switch (조건 값) {
case 값1:
조건 값이 값1일 때 실행하고자 하는 실행문;
break;
case 값2:
조건 값이 값2일 때 실행하고자 하는 실행문;
break;
...
default:
조건 값이 어떠한 case 절에도 해당하지 않을 때 실행하고자 하는 실행문;
break;
}
default 절은 조건 값이 위에 나열된 어떠한 case 절에도 해당하지 않을 때 실행된다.
이 구문은 반드시 존재해야 하는 것은 아니며, 필요할 때만 선언할 수 있다.
각 case 절 및 default 절은 반드시 break 키워드를 포함하고 있어야 한다.
break 키워드는 조건 값에 해당하는 case 절이나 default 절이 실행된 뒤에 전체 switch 문을 빠져나가게 해 준다.
default 절의 위치가 반드시 switch 문의 맨 마지막일 필요는 없다.
예제
let x = "문자열";
switch (typeof x) {
case "number":
consol.log("변수 x의 타입은 숫자이다.");
case "string":
consol.log("변수 x의 타입은 문자열이다.");
case "object":
consol.log("변수 x의 타입은 객체이다.");
default:
consol.log("변수 x의 타입을 잘 모르겠네요...");
}
'Java Script' 카테고리의 다른 글
[Java Script] 09. 자바스크립트 배열(Array) (0) | 2020.11.24 |
---|---|
[Java Script] 08. 자바스크립트 반복문 (Iteration statements) (0) | 2020.11.24 |
[Java Script] 06. 자바스크립트 연산자 (Operator) (1) | 2020.11.10 |
[Java Script] 05. 자바스크립트 형 변환(Type conversion) (0) | 2020.11.05 |
[Java Script] 04. 자바 스크립트 자료형(Data type) (0) | 2020.10.27 |