일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- string
- 캡슐화 (encapsulation)
- 재귀적으로 생각하기
- Promise Chaining
- 화살표함수 기본 개념
- 조건문
- probs.children
- async/await
- probs
- display
- 상속 (inheritance)
- 첫번째 미니 프로잭트
- 재귀함수 탬플릿
- Promise all
- 추상화 (abstraction)
- align-iitems
- css 정리
- 문자열을 객체로 만드는법
- Instanc
- 다형성 (polymorphism)
- 클래스 문법 구조
- props비구조화 할당
- align-content
- 객체지향 프로그래밍 특징
- Math.floor()
- justfiy-content
- class
- 얕은복사와 깊은 복사
- flex-direction
- 참조자료형
Archives
- Today
- Total
희락코딩
JavaScript_개념정리 / 조건문 본문
728x90
반응형
조건문
자바스크립트는 if문과 swicth문 이렇게 두가지의 조건문이 있습니다.
조건문은 주어진 조건식을 평가하고 그 결과에 따라 코드를 실행시키는 표현식입니다.
1. if문
▶ if문은 주어진 조건식을 평가하기 위해 참과 거짓으로 구분하고 그에 맞는 코드를 실행시킵니다.
if(조건문){
// 결과가 참일 경우 실행
} else {
// 결과가 거짓일 경우 실행
}
▶ 조건식의 결과가 참일 경우 if 문의 코드 블럭을 실행시키고 거짓일 경우 else 문의 코드 블럭을 실행하게 됩니다. 만약 다른 조건식을 추가하고 싶다면 else if 문을 사용하면 됩니다.
if(조건문1){
. . .
} else if(조건문2){
. . .
} else if(조건문2){
. . .
} else {
. . .
} //else if문은 여러번 사용이 가능합니다.
▶ 조건문 간단한 예제
// case1 //
const a = 1 < 2
if(a) {
console.log('참')
}else{
console.log('거짓')
}
// '참'
// case2 //
let temp = 25
if(temp > 30) {
console.log('겁나덥다')
}else if(temp < 30){
console.log('적당하네')
}else{
console.log('너무추워')
}
// 적당하네
2. switch문
▶ switch문은 조건을 평가하지 않고 표현식을 평가하여 그 값에 일치하는 case 문을 실행시킵니다.
만약 표현식이 모든 case와 일치하지 않다면 default 문으로 이동합니다.
default문은 필수는 아니니 사용하지 않아도 됩니다.
switch(표현식){
case 표현식1:
'표현식1'
break
case 표현식2:
'표현식2'
break
default:
'표현식3'
}
//이런식으로 표현식의 상황에 맞는 코드블럭이 실행된다. 코드를 보면 break라는 코드가 있는데 switch 문은 일 치하는 case가 나와도 멈추지않고 쭉 진행된다. 이때 break를 걸어주면 원하는 곳에 멈춘다.
▶ swich문 간단한 예제
const randomNumber = 7
switch(randomNumber){
case 1
console.log('is num 1')
break
case 3
console.log('is num 3')
break
case 7
console.log('is num 7')
break
default:
console.log('rest...')
}
// is num 7
이처럼 swich문에 해당하는 조건이 성립하면 break ! 즉 실행이 멈추게 됩니다.
이 예제를 통해서 randomNumber변수에 1,3,7을 제외한 숫자를 할당하면 rest... 가 반환 될것입니다.
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/if...else
728x90
반응형
'프로그래밍 > 자바스크립트 개념 정리' 카테고리의 다른 글
JavaScript_개념정리 / 반복문 (0) | 2021.04.10 |
---|---|
JavaScript_개념정리 / 문자열 / feat : 자주 사용하는 메서드 정리 (0) | 2021.04.09 |
JavaScript_개념정리 / 연산자 (0) | 2021.04.07 |
JavaScript_개념정리 / 데이터 타입 (0) | 2021.04.06 |
JavaScript_개념정리 / 변수 (0) | 2021.04.06 |
Comments