1. IF 문
조건 표현식의 결과값을 boolean 타입으로 변환 후 참/ 거짓을 판단
- if, else if, else
- 조건은 소괄호 안에 작성
- 실행할 코드는 중괄호 안에 작성
- 블록 스코프 생성
const name = 'manager'
if (name === 'admin') {
console.log('관리자님 환영합니다')
} else if (name === 'manager') {
console.log('매니저님 환영합니다')
} else {
console.log('${name}님 환영합니다')
}
2. SWITCH 문
조건 표현식의 결과값이 어느 값(case)에 해당하는지를 판별
주로 특정 변수의 값에 따라 조건을 분기할 때 활용
조건이 많아질 경우 if문보다 가독성이 나을 수 있음
꼭 하나의 값을 비교해서 출력하기
- 표현식의 결과값을 이용한 조건문
- 표현식의 결과값과 case문의 오른쪽 값을 비교
- break및 default문은 선택적으로 이용 가능
- break문 없으면 break문 만나거나, default문 실행할 때까지 다음 조건문 실행
- 블록 스코프 생성
이렇게 작성하면 모든 console이 출력됨
const name = '홍길동'
switch(name) {
case '홍길동': {
console.log('홍길동님 환영합니다')
}
case 'manager': {
console.log('매니저님 환영합니다')
}
default: {
console.log('${name}님 환영합니다')
}
}
break를 작성하면 의도한대로 동작
const name = '홍길동'
switch(name) {
case '홍길동': {
console.log('홍길동님 환영합니다')
break
}
case 'manager': {
console.log('매니저님 환영합니다')
break
}
default: {
console.log('${name}님 환영합니다')
}
}
'JavaScript' 카테고리의 다른 글
자바스크립트로 Vue 3 비번 보이기/숨기기 구현하기 (0) | 2023.02.11 |
---|---|
[자바스크립트] 프로그래머스 코딩테스트 연습: 몫 구하기 (0) | 2022.12.07 |
[자바스크립트] 연산자 (0) | 2022.10.31 |
[자바스크립트] 변수 선언 키워드 let, const, var (0) | 2022.10.31 |
[자바스크립트] this (0) | 2022.10.25 |