Multi Developer SuHo

자바스크립트 if 문과 Switch문 본문

JavaScript

자바스크립트 if 문과 Switch문

Dreaming Developer Student 2023. 8. 9. 17:08
SMALL

모든  내용과 소스들은 다음과 같은 강의 플랫폼에서 응용하여  작성하였습니다.
출처: https://inf.run/xNcEg

 

[무료] [코드팩토리] [입문] 9시간만에 끝내는 코드팩토리의 Javascript 무료 풀코스 - 인프런 | 강의

이 강의 하나만으로 인기 Javascript 프레임워크들과 Typescript를 배울 수 있는 기본을 다질 수 있습니다., 자바스크립트 문법 마스터,9시간 만에 무료로 할 수 있어요! ✨ 자바스크립트 문법,한 강의

www.inflearn.com

자바스크립트에서 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