Do it 자바스크립트 3. 제어문. 조건문if, 선택문switch-case, 반복문for, while. 백텍, 백틱`으로 출력하기

출처 : Do it 자바스크립트 + 제이쿼리 입문(이지스퍼블리싱)

 

 

▶ 조건문(if, else if, else)

조건식의 값이 참(true)인지, 거짓(false)인지에 따라 자바스크립트 코드를 제어한다.

 

• 사용자가 입력한 숫자가 홀수인지 짝수인지 구분하기

let num = prompt("좋아하는 숫자를 입력해주세요");
//*prompt는 사용자에게 값을 입력받을 수 있는 자바스크립트 내장함수

if (num % 2 == 0) {
  alert("당신이 좋아하는 숫자는 짝수입니다");
  //*alert는 사용자에게 간단한 메시지를 전달할 수 있는 자바스크립트 내장함수
} else {
  alert("당신이 좋아하는 숫자는 홀수입니다");
}

 

 

 

▶ 선택문(switch - case)

변수에 저장된 값과 switch문 case에 있는 값을 검사해 일치하는 경우 해당 코드를 실행한다.

if문과 용도는 비슷하나 if문은 만족하는 데이터가 여러개일 경우에 주로 사용하고, switch문은 여러 경우의 값 중 일치하는 데이터를 찾아 그에 해당하는 코드를 실행할때 사용한다. 

기본형
var 변수 = 초갓값;
switch(변수){
  case 값1 : 코드1;
   break;
  case 값2 : 코드2;
   break;
  ...
  default : 코드n;
   }

 

• 사용자가 입력한 달이 어떤 계절인지 구분하기

let season = prompt("1부터 12중 좋아하는 달을 입력해주세요");
let getSeason = Number(season); //사용자가 입력한 값을 숫자로 바꿔준다

switch (getSeason) {
  case 1:
  case 2:
  case 12:
    alert("스키의 계절 겨울이네요!");
    break; //반복문을 종료한다
  case 3:
  case 4:
  case 5:
    alert("햇살 가득한 봄이네요!");
    break;
  case 6:
  case 7:
  case 8:
    alert("여행가기 좋은 여름이네요!");
    break;
  case 9:
  case 10:
  case 11:
    alert("책 읽기 좋은 가을이네요!");
    break;
  default: //위 case에 해당하는 값이 없을경우 실행한다
    alert("1부터 12까지 숫자를 입력해주세요");
}

 

사실 이 계절 예시는 교재에서는 if문 예시로 나와있었는데 같은 결과를 내는 case가 여러개일경우 이렇게 사용할수도 있다. 

728x90

 

▶ 반복문(while, do while, for)

 

while문 기본형
var 변수 = 초깃값;
 while(조건식){
   자바스크립트 코드;
   증감식;
 }

  document.write("========while 반복문=========<br>");
  let i =1;
  while(i<=5){
      document.write(`안녕하세요 ${i} <br>`);
      i++
  }

while 반복문

참고로 document.write("안녕하세요" + i + "<br>")와 document.write(`안녕하세요 ${i} <br>`)은 똑같이 출력된다.

서로 다른 타입을 붙여서 출력할때 +로 이어 써야하는게 꽤나 불편했는데 ES6였나?부터 백텍 `을 사용해서 간편하게 출력할 수 있게 됐다고 한다. 

 

`모양만 봤을때는 그냥 작은따옴표인줄 알았는데 알고보니 키보드 ~표시와 함께있는 `백틱이라는 아이였다.

(계속 작음따옴표 쓰면서 왜 안돼냐고 컴퓨터 탓한 나레기.....ㅋㅋㅋ)

이때 변수는 ${변수명} 으로 사용하면 된다

 

 

for문 기본형
for(초깃값; 조건식; 증감식){
  자바스크립트 코드
}

document.write("========for 반복문=========<br>");

for(let i =1; i<=5; i++){
    document.write(`안녕하세요 ${i} <br>`);
}

for 반복문

 

---

공부하며 정리하는 초보 개발자입니다.

포스팅 내용에 잘못된 점이나 더 좋은 방법이 있다면 댓글로 알려주시면 감사하겠습니다 :)