[자바스크립트] 상수 / 제어문(if, else if, switch, for, while, break, continue)

상수(constant)

변하지 않는 변수를 선언할 땐 let 대신 const 사용

const로 선언한 변수를 '상수(constant)'라고 함

상수는 재할당할 수 없으므로 상수를 변경하려고 하면 에러 발생

 

상수 변경 시 에러 발행

 

상수는 대문자와 밑줄로 구성된 이름으로 명명

 

상수 사용 예

 

제어문

if문

 

if문

 

else문은 선택해서 사용

else 뒤에 이어지는 코드 블록은 조건이 거짓일 때 실행됨

만약 조건이 거짓이고, else문을 쓰지 않는다면 콘솔에 아무것도 표기되지 않음

 

else if로 복수 조건 처리하기

 

if문 중복사용 vs else if 사용 비교

 

문제풀이

 

문제풀이 코드 작성

 

point 1. 처음 코드 작성시 return 대신 console.log() 사용. 그렇게 할 경우 아래에 undefined 출력됨. result에 반환된 값이 들어가야 하는데 console.log가 들어가 34번 행의 console.log에 대한 실행 값이 없어지기 때문에 undefined 출력. 따라서 함수 작성시 return 사용해야 함.

 

문제풀이 테스트 코드

 

switch문

복수의 if 조건문은 switch문으로 바꿀 수 있음. switch문을 사용한 비교법은 특정 변수를 다양한 상황에서 비교할 수 있도록 도와줌. 코드 자체가 비교 상황을 잘 설명한다는 장점도 있음

 

switch(x) {
  case 'value1':             // if (x === 'value1')
     동작문;
     break;
  case 'value2':            // if (x === 'value2')
     동작문;
     break;
  default:
     동작문;
     break;
}

 

변수 x의 값과 첫번째 case문의 값 'value1'을 비교하여 일치하면 해당 case 문의 아래에 작성된 동작문을 수행.

이때, break문을 만나거나 switch 문이 끝나면 코드의 실행이 멈춤. 값과 일치하는 case 문이 없다면 default 문 아래의 동작문이 실행. 만약 break문이 없다면 조건에 상관없이 다음 case 문이 실행됨.

예를 들어 x === value1과 일치할 경우 break문이 없다면 case 'value1~2', default까지의 동작문이 모두 실행됨

 

let a = 3;

switch (a) {
  case 4:
    alert('계산이 맞습니다!');
    break;

  case 3:
  case 5:       // 2가지 케이스에서 실행하려는 코드가 같은 경우 묶어서 사용할 수 있음
    alert('계산이 틀립니다!');
    break;
}

 

switch 사용 예

 

if문과 switch문 모두 특정한 조건에 따라 다르게 동작하는 코드를 만들 수 있지만, 어떤 넓은 범위를 만족하는 조건식을 만들때는 if문을 활용하는 것이 좀 더 효과적이고 특정한 값에 일치하는 조건을 만들 때는 switch문이 좀 더 효과적임

 

또한, switch문은 값들을 비교할 때 자료형을 엄격하게 구분하며, if문으로 대체할 때는 반드시 등호 3개로 일치 비교를 해야 함. 즉, switch문은 비교하려는 값과 case문의 값의 형과 값이 같아야 실행

 

for 반복문

 

for 반복문

 

for문 Tip.

 

1. 추가동작부분을 꼭 채울 필요는 없다.

동작부분에서 반복횟수(i)를 증분시켜도 상관없음. 그러나 for문의 특성상, 이 추가동작부분이 있기 때문에 동작부분에서는 실제로 반복하고자 하는 내용들에만 집중하여 좀 더 목적에 맞는 코드를 작성할 수 있게 됨

 

추가동작부분 생략

 

2. 초기화부분에서 생성한 변수는 for문의 로컬변수이다. 

초기화부분에서 생성한 변수는 for문 안에서 생성한 로컬변수이므로 for 반복문이 종료되고 나서 for 반복문 밖에서 변수를 사용하려고 하면 오류가 발생함

 

3. 초기화 부분도 반드시 채울 필요는 없다.

단, 소괄호 안쪽 가장 첫번째 세미콜론 ; 은 생략할 수 없다. 

 

초기화 부분 생략

 

문제풀이. for 반복문 사용하여 1이상 100이하의 짝수 출력

 

작성 코드

 

문제풀이. for 반복문 사용하여 삼각형 모양 그리기

 

작성 코드

 

while 반복문

 

while 반복문

 

while 반복문 사용 예

반복문 빠져나오기

대개는 반복문의 조건이 falsy가 되면 반복문이 종료됨

그러나 특별한 지시자인 break를 사용하면 원하는 때에 반복문을 빠져나올 수 있음

 

다음 반복으로 넘어가기

continue 지시자는 break의 가벼운 버전으로 조건을 통과할 때 현재 실행중인 이터레이션을 멈추고 반복문이 다음 이터레이션을 강제로 실행시키도록 함. 즉, continue는 현재 반복을 종료시키고 다음 반복으로 넘어가고 싶을 때 사용할 수 있음

 

for (let i = 0; i < 10; i++) {
  if (i % 2 == 0) continue;     // 짝수일 때는 아래 alert를 실행하지 않고 i++로 넘어감

  alert(i);  // 1, 3, 5, 7, 9가 차례대로 출력됨
}

 

중첩 반복문

 

중첩 반복문 사용 예 : 구구단

 

문제풀이. 피보나치 수열

 

피보나치수열 문제풀이