일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
- 다형성
- 대덕인재개발원
- 예외처리
- EnhancedFor
- 컬렉션프레임워크
- 제네릭
- 객체 비교
- cursor문
- 참조형변수
- oracle
- GRANT VIEW
- 자동차수리시스템
- 예외미루기
- 정수형타입
- 사용자예외클래스생성
- exception
- abstract
- 오라클
- 생성자오버로드
- 메소드오버로딩
- 컬렉션 타입
- 집합_SET
- 환경설정
- Java
- 인터페이스
- 자바
- 어윈 사용법
- NestedFor
- 추상메서드
- 한국건설관리시스템
- Today
- Total
거니의 velog
(4) Modern JavaScript 입문 4 본문
4. 조건문
* 조건문을 사용하면 특정 조건이 만족되었을 때 특정 코드를 실행할 수 있다.
(1) if 문
* 가장 기본적인 조건문은 if 문이다.
* if문은 "~~하다면 ~~을 해라"를 의미한다.
const a = 1;
if (a + 1 === 2) {
console.log('a + 1 이 2 입니다.');
}
* 결과는 "a + 1 이 2 입니다." 이 출력된다.
* 하지만, 만약에 여기서 a 를 0 으로 바꾼다면 어떨까?
const a = 0;
if (a + 1 === 2) {
console.log('a + 1 이 2 입니다.');
}
* 결과는 아무 것도 출력되지 않는다.
* if 문을 사용하면 이렇게 특정 조건이 만족될 때에만 특정 코드를 실행 시킬 수 있다.
if (조건) {
코드;
}
* 조건이 만족되었을 때 실행시킬 코드가 { } 로 감싸져 있는데, 이를 코드 블록(Code Block) 이라고 한다.
* 만약에 조건이 true 가 된다면 우리가 지정한 코드가 실행되는 것이고, false 가 된다면 코드가 실행되지 않는다.
* 우리가 이전에 let 과 const 를 배울 때, 다른 블록 범위에서는 똑같은 이름으로 선언할 수도 있다고 배웠었다.
const a = 1;
if (true) {
const a = 2;
console.log('if문 안의 a 값은 ' + a);
}
console.log('if문 밖의 a 값은 ' + a);
* 위 코드에서 if문에 조건을 true로 설정했기 때문에 코드 블록 내부의 코드가 무조건 실행이 된다.
(2) if-else 문
* if-else 문은 "~~하다면 ~~하고, 그렇지 않다면 ~~해라." 를 의미한다.
const a = 10;
if (a > 15) {
console.log('a 가 15 큽니다.');
} else {
console.log('a 가 15보다 크지 않습니다.');
}
* 만약에 특정 조건이 만족할 때와 만족하지 않을 때 서로 다른 코드를 실행해야 된다면 if-else 구문을 사용할 수 있다.
(3) if-else if 문
* if-else if 문은 여러 조건에 따라 다른 작업을 해야 할 때 사용한다.
const a = 10;
if (a === 5) {
console.log('5입니다!');
} else if (a === 10) {
console.log('10입니다!');
} else {
console.log('5도 아니고 10도 아닙니다.');
}
* 한번 a 값을 5로 바꾸고 실행해보고, 7 로 바꾸고 실행해 보자.
a = 5 -> "5입니다!"
a = 7 -> "5도 아니고 10도 아닙니다."
(4) switch/case 문
* switch/case 문은 특정 값이 무엇이냐에 따라 다른 작업을 하고 싶을 때 사용한다.
const device = 'iphone';
switch (device) {
case 'iphone':
console.log('아이폰!');
break;
case 'ipad':
console.log('아이패드!');
break;
case 'galaxy note':
console.log('갤럭시 노트!');
break;
default:
console.log('모르겠네요..');
}
* device 값을 'iphone', 'ipad', 'galaxy note', 'macbook' 으로 순서대로 바꿔가면서 코드를 실행해보자. device 값에 따라서 다른 결과가 출력되고 있는가?
* switch/case 문은 이와 같이 특정 값이 무엇이냐에 따라 다른 작업을 수행 할 수 있게 해준다.
* switch/case 문에서는 각 case 에서 실행할 코드를 작성하고 맨 마지막에 break; 를 해주어야 합니다. break 를 하지 않으면 그 다음 case 의 코드까지 실행해버린다.
* 그리고, 맨 아래의 default: 는 device 값이 우리가 case 로 준비하지 않은 값일 경우를 의미한다.
'JS_Modern JS(ES6 이후)' 카테고리의 다른 글
(6) Modern JavaScript 입문 6 (0) | 2023.10.31 |
---|---|
(5) Modern JavaScript 입문 5 (0) | 2023.10.31 |
(3) Modern JavaScript 입문 3 (0) | 2023.10.31 |
(2) Modern JavaScript 입문 2 (0) | 2023.10.30 |
(1) Modern JavaScript 입문 1 (0) | 2023.10.27 |