Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- css3
- 자바스크립트 스코프
- 자바스크립트 innerhtml
- 자바스크립트 scope
- 티스토리챌린지
- 자바스크립트 연산자
- front-end
- 자바스크립트
- 자바스크립트 클래스
- css position
- html 주석
- javascript opreators
- 자바스크립트 dom의 목적
- html 코드
- HTML
- CSS
- css display
- javascript
- 자바스크립트 반복문
- css 포지션
- 자바스크립트 onclick
- 프론트엔드
- 자바스크립트 dom 문법
- 자바스크립트 상속
- 오블완
- 자바스크립트 실행 컨텍스트
- 자바스크립트 innertext
- javascript opreator
- 자바스크립트 생성자 함수
- 웹 개발 트렌드
Archives
- Today
- Total
Multi Developer SuHo
자바스크립트 if 문과 Switch문 본문
SMALL
모든 내용과 소스들은 다음과 같은 강의 플랫폼에서 응용하여 작성하였습니다.
출처: https://inf.run/xNcEg
자바스크립트에서 if문과 Switch문에 대해 알아보겠습니다. 먼저 if문이란? 조건을 평가하여 그 조건이 참인 경우에만 특정한 코드블록을 실행하는데 사용됩니다.
if문의 기본 구조는 다음 소소와 같습니다
if (조건) {
// 조건이 참인 경우 실행되는 코드
}
여기서 '조건'은 평가 결과가 true or false 인 불리언 형태입니다. 조건이 참인 경우에는 중괄호 내부의 코드블록이 실행도고, 조건이 거짓인 경우에는 해당 코드는 실행되지 않습니다.
조건이 거짓인 경우에 대한 코드도 추가할 수 있습니다.
if (조건) {
// 조건이 참인 경우 실행되는 코드
} else {
// 조건이 거짓인 경우 실행되는 코드
}
또한 여러 개의 조건을 순차적으로 검사하고 각각에 대한 코드 블록을 실행하려면 'else if' 구문을 사용해야 합니다.
if (조건1) {
// 조건1이 참인 경우 실행되는 코드
} else if (조건2) {
// 조건2가 참인 경우 실행되는 코드
} else {
// 모든 조건이 거짓인 경우 실행되는 코드
}
if문 소스코드 예시입니다.
let number = 10;
// 짝수인지 홀수인지 if문
if (number % 2=== 0){
console.log('number 변수는 짝수입니다.');
}else{
console.log('number 변수는 홀수입니다.');
}
if (number % 2 === 0){
console.log('2의 배수입니다.');
} else if (number % 3 === 0){
console.log('3의 배수입니다.');
} else if (number % 4 === 0){
console.log('4의 배수입니다.');
} else if (number % 5 ===0){
console.log('5의 배수입니다.');
} else{
console.log('2, 3 , 4 , 5의 배수가 아닙니다.');
}
다음은 Switch문 입니다. Switch문이란? 하나의 변수 또는 표현식의 값을 여러 가지 가능한 값과 비교하며, 일치하는 경우 해당하는 코드 블록을 실행하는 제어구조입니다.
간단한 소스코드 예시입니다
const englishDay = 'monday'; //englishDay 변수에 monday를 넣었기 때문에 switch문 에서 englishday가 case들 중에서 어디에 해당이 되는지 분석을 하면서 해당하는 값에 할당
let koreanDay;
switch(englishDay){
case 'monday':
koreanDay = '월요일';
break; //빠져나오라는 뜻
case 'tuesday':
koreanDay = '화요일';
break;
case 'wednesday':
koreanDay = '수요일';
break;
case 'thursday':
koreanDay = '목요일';
break;
case 'friday':
koreanDay = '금요일';
break;
default:
koreanDay ='주말';
break;
}
console.log(koreanDay);
switch문에서 break를 쓰는 이유는 'case ' 블록을 실행한 후, ' switch' 문을 빠져나가는 역할을 하게됩니다. 'break'를 사용하지 않으면 일치하는 'case' 블록을 실행한 후에도 계속해서 다음 'case' 블록의 코드를 실행됩니다. defalut는 나머지 값을 불러오고 싶을때 사용되는 구문입니다.
LIST
'JavaScript' 카테고리의 다른 글
자바스크립트 함수(function) (0) | 2023.09.09 |
---|---|
자바스크립트 Type Conversion(타입 변환) (0) | 2023.09.04 |
자바스크립트 삼항 조건 연산자(ternary conditional operator), 논리연산자(logical operator), 단축평가(short-circuit evaluation) (0) | 2023.08.04 |
자바스크립트 할당 연산자 " = "(assignment operator) 와 비교 연산자(comparison operator) (0) | 2023.07.27 |
자바스크립트 증감 연산자( Increment/Decrement Operators) 와 연산자의 위치(Operators Location) (0) | 2023.07.26 |