[JavaScript] JS 조건문

🔎  조건문

• 어떤 지정된 조건이 참인지 거짓인지에 따라서 서로 다른 코드로 분계하기 위해서 사용
• 조건이 참일 때는 a라는 코드를 실행시키고 거짓일 때는 b라는 코드를 실행시킨다더니 이런 조건을 처리하기 위해 사용되는 제어문을 의미
•  자바스크립트 조건문에는 if문과 swith문이 있음

🔎  if

• 많은 프로그래밍 언어를 배울 때 가장 기본이 되고 대표적인 조건문
• if라는 키워드 사용
• () 안에 조건을 작성을 하고 참일 경우에 뒤에 이어지는 블록 내부에 위치한 코드를 실행하게 됨

const a = 10;
const b = 20;

if(a < b){
    console.log('a가 더 작아요!');
}

• a의 값이 b의 갑보다 작기 때문에 윗부분 조건에 참이 되어 블록 내부에 위치해 있는 문자열을 출력하여 나타냄

const a = 10;
const b = 20;

if(a > b){
    console.log('a가 더 작아요!');
}

• if문의 조건의 결과값이 거짓이 되어서 아무것도 출력되지 않는 것을 확인할 수 있음
• if문 조건 부분이 거짓이면 블록 내부에 진입하지 않음
• 블록 내부의 위치해 있는 코드가 한 줄로 끝나는 경우에는 {}를 생략할 수 있음
• 조건을 작성한 괄호 옆에다가 작성할 수도 있음

🔎  else / else if

• if문의 조건이 거짓일 때 동작을 지정할 수 있는 조건문
• 조건식이 거짓이기 때문에 내부의 부분은 실행되지 않는 것을 조건이 거짓일 때 어떤 코드가 실행되게 끔하려면 if문 끝나는 부분에 else 키워드를 사용하여 새로운 블럭 작성
• else 내부에 거짓일 때 실행될 코드를 작성

const a = 10;
const b = 20;

if(a > b) {
    console.log('a가 더 작아요!');
} else{
    console.log('거짓!');
}

• if else문은 만약 if문의 괄호 안에 조건이 참이라면 if문 내부의 코드를 실행하고 거짓이라면 else if문 내부의 코드를 실행

const a = 10;
const b = 20;

if(a > b) {
    console.log('a가 더 작아요!');
} else{
    console.log('거짓!');
}

• 여러 개의 조건을 한 번에 처리해야 하는 경우에는 사용할 수 있는 else if문
• else if문 이용 조건

1.  하나의 조건문을 작성할 때 if, else는 한 번만 사용 < if로 시작, else로 끝나야 함> (else는 없어도 됨)
2.  else if는 if와 else 사이에 작성하고 하나의 조건문에 여러 개 사용 가능

• else if 키워드를 사용하고 뒤에 괄호를 붙여 조건을 작성
• 조건이 참일 때 실행될 코드가 위치하는 새로운 블럭이 내부 코드칸에 배치되어야 함

const a = 10;
const b = 20;
const c = 20;

if(a > b) {
    console.log('a가 더 큽니다!');
} else if(b === c){
    console.log('b랑 c가 같습니다!')
}else{
    console.log('여기는 언제 출력될까요?');
}

• 여러 개의 조건을 비교할 때 반드시 else if로 이어서 조건문을 작성하여야 하는 것은 아님
• 같은 조건문일지라도 전체적인 로직이나 가독성 문제 등으로 인해서 다른 형태로 작성 될 수 있음
• 게별적인 if문으로 쪼갤 수도 있음
• 나눠서 처리를 해도 결과는 같다

const a = 10;
const b = 20;
const c = 20;

if(a > b) {
    console.log('a가 더 큽니다!');
} 
if(b === c){
    console.log('b랑 c가 같습니다!')
}
else{
    console.log('여기는 언제 출력될까요?');
}

🔎  switch 

• if문처럼 조건을 제어하는 제어문의 종류
• 동일한 조건이 주어지고 그 조건의 값에 따라 다른 명령을 실행할 수 있게끔 분기하는 방식 
• switch 키워드 사용 그 뒤에 괄호가 오고 그 안에는 조건을 넣어서 작성
• 조건에 대한 값에 따라서 실행문 분기 가능하게 하기 위해 case 키워드 사용

const number = 10;

switch(number){
    case 1:
}

• 어떤 일지하는 조건을 만나면 브레이크까지 명령을 실행하고 나머지 조건들은 살펴보지 않고 조건문을 빠져 나오게 됨

🔎  case / break

• 선언된 변수의 값이 1이면 아래 있는 코드를 작성하라는 의미를 가지게 됨
• 특별히 의도한 게 아니라면 case와 break를 항상 같이 사용되어야 함

const number = 10;

switch(number){
    case 1:
        console.log(number);
        break;
    case 10:
        console.log(number);
        break;
}

🔎  default

• 뒤에 조건을 필요하지 않음
• 가장 마지막에 위치되어야 함
• 나열된 케이스 중에 참이 되는 케이스가 없는 경우에 제일 마지막에 실행 되는 부분

const number = 10;

switch(number){
    case 1:
        console.log(number);
        break;
    case 2:
        console.log(number);
        break;
        default:
            console.log('아무것도 해당되지 않음!');
}

🔎  break를 사용하지 않을 경우

• switch문이 조건이 참이 되는 case를 만나면 이후에 break를 만날 때까지 모든 코드를 실행하기 때문임
• 여러가지의 조건을 하나로 처리할 때 break를 사용하지 않는 이러한 특징을 응용할 수 있지만 대부분의 상황에서 이런 의도치 않은 결과를 만들지 않기 위해서는 항상 case를 작성할 때 break랑 한 쌍으로 사용해야 함

🔎  if와 switch문 비교

const number = 10;

if(number % 2 == 0){
    console.log('짝수!');
}else{
    console.log('홀수!');
}

switch (number % 2){
    case 0:
        console.log('짝수!');
        break;
    case 1:
        console.log('홓수!');
        break;
}

• 값으로 나올 수 있는 case가 여러 게이고 1,2,3 이런 식으로 딱 떨어지는 경우에는 switch문을 사용하는 게 더 가독성이 좋을 때도 있고
• 내부 블록에서 처리하는 내용이 길고 복잡하면 그냥 각각을 서로 다른 것으로 묶는게 더 나을 때도 있음
•  상황에 따라서 더 나은 쪽으로 선택하면 됨