[JS] 스코프 / 조건문 (if문, switch문)

목차

1. 스코프 (전역변수 / 지역변수)

2. 조건문

    2-1 if (if / else if / else)

   2-2 switch

 

 

1. 자바스크립트 스코프

전역 변수 : 전역에 선언한 변수

지역 변수 : 해당 영역에서 선언하고 사용 될 변수

// 전역변수 지역변수 예시

let input1 = 1; // 전역변수 : 전역(모든 영역) 어디서든 접근이 가능한 변수

{	
    // 지역 변수 : 지역에서 선언한 변수
    // 블록 스코프 안에서 선언한 변수는 블록 스코프 안에만 있다가
    // 동작이 끝나면 해제된다.
    let input1 = 0; // 이러한 경우에는 지역변수로 전역변수 재선언이 아니다.
    let input2 = 1;
}

console.log(input3); // 이러한 경우에 스코프가 달라서 reference error를 띄운다.

 

 

2. 조건문

조건이 충족되면 기능을 실행하는 문법입니다.

 

2-1 if문  (if / else if / else)

if문 문법 ()
if (조건문){실행코드} 
else if (조건문){실행코드}
else {실행코드} 

 

 if문은 처음은 if 시작합니다. else if는 if 조건문 뒤에 뒤에 쓰이며 다른 조건을 제한할 때 사용합니다.

else는 나머지 조건으로 따로 조건문 없이 실행코드만 작성합니다. 밑에서 예시 코드를 보겠습니다.

let score = 73;

if ((score >= 90) && (score <= 100)) {
   // score가 90이상 100이하 일때
  alert("A 학점");
} else if ((score >= 80) && (score <= 90)) {
   // score가 80이상 90이하 일때
   alert("B 학점");
} else if ((score >= 70) && (score <= 80)) {
   // score가 80이상 90이하 일때
   alert("C 학점");
} else {
   // 그 외에 나머지 점수
  alert("D 학점");
}

 

alert() : 브라우저의 알림창

 

score 변수가 73점이고 73은 70 이상 80 이하의 숫자로 C학점이 출력이 되는 것을 알 수 있습니다. 

 

조건이 한 가지인 경우 if 문 단독으로 사용할 수 있으며
조건이 두 가지인 경우엔 if와 else로도 사용할 수 있다.

 

 

2-2 switch 문

switch문 문법
switch (값){
    case [값에 따른 조건]:
    case [값에 따른 조건]:
    case [값에 따른 조건]:
    default: // 충족하는 조건이 없을 때 실행
    break; 코드 중단
}

!!주의!! 
break 문은 코드를 중단하는 명령어로 case마다 걸어주는 것을 권장합니다.
case가 5개가 있다고 가정해봅시다. 만약 break 문을 걸지않고 4번째부터 break문을 하면
case1 ~ 3 번째까지 코드가 실행되는 것을 볼 수 가 있습니다. 그렇게 되면 원하는 1개의 값을
도출 할 수 없으니 주의하셔야 합니다.

 

let score = "B";
switch (score){
case "A":
  console.log("1등입니다 축하합니다.");
  break;

case "B":
  console.log("2등입니다 축하합니다.");
  break;

case "C":
  console.log("3등입니다 축하합니다.");
  break;

case "D":
  console.log("4등입니다 축하합니다.");
  break;

default:
  console.log("A~D 까지 입력해주세요");
  break;
}

 

switch 문은 지정한 값과 case의 값이 같을 때 기능을 수행하고 break가 있으면 해당하는 case에서 멈춥니다.

위에 있는 코드를 보면 score가 B이고 case가 B인 곳에서 코드를 실행하며 2등이 출력되는 것을 볼 수 있습니다.