본문 바로가기

Frontend study/JavaScript

JavaScript - 4. 조건문

✔ 자바스크립트의 조건문에 대해 정리합니다.

 

 

  조건문에 대해서

 

 :) 조건문을 정리하기 앞서 제어문에 대해서 살펴보자! 

 

 

  제어문

 

 

 1. 제어문 

     : 주어진 조건에 따라 해당 실행문(= 조건문)을 실행하거나 반복 실행(= 반복문)을 할 때 사용한다. 

      일반적으로 소스 코드는 위에서 아래로 순서대로 실행된다. 하지만 제어문은 실행 순서를 주어진

      조건에 따라 제어가 가능하다. 

 

 

      

  조건문

 

 

 2. 조건문

 

  1)  if 문 

     : 조건식의 결과가 참(true)이면 주어진 실행문을 실행하며, 거짓(false)이면 

       아무것도 실행되지 않는다.  

 

 

[ 형태

 if (조건식) {
    조건식이 참이면 실행할 문장
 }

 

  ◎ 블록 내의 문이 한 줄이면 중괄호({})를 생략할 수 있음  

  ◎ 반대 상황을 가정할 때 else 문과 함께 쓰임

   

 

 

[예제]

 let date = new Date();
 let hours = date.getHours(); //현재 몇시인지
  console.log('현재 시간은' + hours + ' 입니다.');
 
 //현재 시간이 12시 이전일 경우
 if (hours < 12) {
  console.log('오전입니다.!!');
 }
 if (hours >= 12) {
    console.log('오후입니다.');

 

 

 

   2) if / else 문

      : if문의 조건식이 거짓(false)일 때 실행된다.

  

형태 ]

 if(조건식 === 불표현식) {
 
     조건식이 참이면 실행할 문장
 
 } else {
 
     조건식이 거짓이면 실행할 문장 
 }

 

else 문은 생략이 가능하다.

 

 

[예제]

 let date = new Date();
 let hours = date.getHours(); //현재 몇시인지
 console.log('현재 시간은' + hours + ' 입니다.'); 
 
 if (hours < 12) {
   console.log('오전입니다.!!');
 } else { //hours가 12시 이후일 때 실행
   console.log('오후입니다.');
 }
 

 

 

  3) if - else if 문 (= 중첩된 if 문, 다중 if 문)

     : 여러 조건식을 명시할 때 사용할 수 있다. 사실 if - else if 문은 연달아 나온

       두 개의 if / else 문을 중첩된 if문으로 간결하게 나타낸 구조이다. 

 

 

  형태 ]

 if (조건식1) {
  조건식1이 참이면 실행할 문장

 } else if (조건식2) {
  조건식2가 참이면 실행할 문장

 } else {
 위 조건식1, 2가 거짓일때 실행할 문장
}

 

 마지막으로 else 문을 작성한다. 

 

 

  [예제]

 let date = new Date();
 let hours = date.getHours(); //현재 몇시인지
 console.log('현재 시간은' + hours + ' 입니다.');
 
 //현재 시간이 12시 이전일 경우
 if (hours < 12) {
  console.log('오전입니다.!!');
 }
 if (hours >= 12) {
  console.log('오후입니다.');
 }
 

 

 

👍 성적프로그램 구현해보기  

 let score = prompt("점수를 입력해주세요");
 
 if (score >= 90) {
   console.log("당신의 학점은 A학점 입니다.");

 } else if (score >= 80) {
   console.log("당신의 학점은 B학점 입니다.");

 } else if (score >= 75) {
   console.log("당신의 학점은 C학점 입니다.");

 } else if (score >= 65) {
   console.log("당신의 학점은 D학점 입니다.");

 } else {
   console.log("당신의 학점은 F학점 입니다.");
}

 

 

'Frontend study > JavaScript' 카테고리의 다른 글

JavaScript - 6. 배열  (0) 2022.02.27
JavaScript - 5. 반복문  (0) 2022.02.27
JavaScript - 3. 연산자  (0) 2022.02.25
JavaScript - 2. 변수, 상수, 자료형  (0) 2022.02.25
JavaScript - 1. 시작하기!  (0) 2022.02.25