EverGiver

조건문 본문

Front-End (웹)/자바스크립트

조건문

친절한개발초보자 2022. 1. 20. 13:58
728x90
if 문과 if~else 문

 

  • 부등호 연산자
    - > : 크다, 초과
    - < : 작다, 미만
    - >= : 크거나 같다, 이상
    - <= : 작거나 같다, 이하
    - == : 같다
    - != : 다르다
    - && : AND 조건 (두 개 이상의 조건이 모두 만족해야 true)
    - || : OR 조건 (조건이 하나만 만족해도 true) 

    cf)     = : 오른쪽에 있는 값을 왼쪽에 치환하여라
          == : 같다 (10 == '10' → true : 데이터형식 상관 없이 결과값이 같으면 true)
        === : 같다(10 === '10' → true : 데이터형식까지 같아야 true)
if(조건) {
	조건 결괏값이 true일 때 실행할 명령어
)
if(조건){
	조건 결괏값이 true일 때 실행할 명령
} else {
	조건 결괏값이 false일 때 실행할 명령	
}

다른 if~else 문 안에 포함되는 if~else를 중첩된 if~else 문이라고 한다.

    <script>
      var userNumber = prompt("숫자를 입력하세요.");

      if (userNumber !== null) {	// 입력값이 null이 아니면 if~else 문을 실행
        if (userNumber % 3 === 0) 
          alert("3의 배수입니다.");
        else 
          alert("3의 배수가 아닙니다.");
      }
      else 
        alert("입력이 취소됐습니다.");      // 입력값이 null이면 알림 창을 보여 줌
    </script>

 

조건 연산자로 조건 체크하기

 

조건이 하나이고 true일 때와 false일 때 실행할 명령이 각각 하나뿐이라면 if~else 문 대신에 조건 연산자를 사용하는 것이 간단하다.

(조건) ? true일 때 실행할 명령 : false일 때 실행할 명령

 

논리 연산자로 조건 체크하기

 

조건을 2개 이상 체크할 경우에는 조건 연산자를 사용해 조건식을 만든다.

  • OR 연산자
    - 기호는 '||'를 사용한다.
    - 피연산자 2개 중에서 true가 하나라도 있으면 결괏값은 true이다.
    op 1 op 2 op 1 || op 2
    false false false
    false true true
    true false true
    true true true
  • AND 연산자
    - 기호는 '&&'를 사용한다.
    - 피연산자 2개 중에서 false가 하나라도 있으면 결괏값은 false가 된다.
    op 1 op 2 op 1 && op 2
    false false false
    false true false
    true false false
    true true true
  • NOT 연산자
    - 기호는 '!'를 사용한다.
    - true나 false를 반대로 뒤집는다.
    op !op
    false true
    true false

 

switch 문

 

처리할 명령이 많다면 if~else 문을 여러 개 사용하는 것보다 switch 문이 더 편리하다.

switch(조건)
{
	case 값1: 명령1
		break
	case 값2: 명령2
		break
	...
	default: 명령n
}

- switch 문의 조건은 아래에 있는 case 문의 값과 일대일로 일치해야 한다.
- 조건과 일치하는 case 문의 명령을 실행한 후에는 switch 문을 완전히 빠져나온다.

 

 

cf) prompt() 문과 parseInt() 함수 차이점
    - prompt()문을 사용해 입력받은 값은 기본적으로 문자열로 저장된다.
      (문자열값이라도 산술 연산에 사용할 경우 자동으로 숫자형으로 변환된다.)
    - parseInt() 함수는 괄호 안의 값을 정수로 변환한다.

// 입력받은 값을 memNum에 문자열로 저장한다.
var memNum = prompt("숫자를 입력하시오");

// 입력받은 값을 숫자로 변환해서 memNum에 저장한다.
var memNum = parseInt(prompt("숫자를 입력하시오"));
728x90

'Front-End (웹) > 자바스크립트' 카테고리의 다른 글

배열  (0) 2022.01.25
반복문  (0) 2022.01.23
연산자  (0) 2022.01.16
자료형  (0) 2022.01.16
변수  (0) 2022.01.14
Comments