Chapter 3. JS 조건문

NavDevJae·2021년 2월 15일

JS에 다가가기~~

목록 보기

3/6

조건문 (Conditional Sentence)

연산자 (Operator)

산술 연산자 (Arithmetic Operator)

1 + 2 // 덧셈 연산자 => 3
 2 - 1 // 뺄셈 연산자 => 1
 2 * 3 // 곱셉 연산자 => 6
 4 / 2 // 나눗셈 연산자 => 2
 3 % 2 // 나머지 연산자 => 1 (3 = 2 * 1 + 1)
 -x // 단항 부정 
 +x // 단항 플러스
 ++x // 이전의 x값에 1을 더한 후 평가
 x++ // x값을 평가 후 1을 더함
 --x // 이전의 x값에 1을 뺀 후 평가
 x-- // x값을 평가 후 1을 뺌

비교 연산자 (Comparison Operator)

a == b  // a와 b는 동등하다.
 a === b // a와 b는 일치한다.
 a !== b // a와 b는 일치하지 않는다.
 a != b // a와 b는 동등하지 않다.
 a < b // a는 b보다 작다.
 a <= b // a는 b보다 작거나 같다.
 // 주의할 점!!! ==는 타입을 엄격하게 비교하지 않는다. 그래서 === or !==를 사용하기를 권장한다.

논리 연산자 (Logical Operator)

a && b  // a의 조건과 b의 조건을 모두 만족해야 성립한다. AND 개념이라 보면 된다. 
 a || b // a의 조건 또는 b의 조건을 만족하면 성립한다. OR 개념이라 보면 된다. 
!a // a의 조건이 성립하지 않을 경우 true. 그게 아니면 false.

조건 연산자 (Conditional Operator)

3항 연산자 !!
(조건식) ? "참" : "거짓"
=> 조건식이 만족하면 "참"을 출력하고 만족하지 않을 경우, "거짓"을 출력한다.

조건식 종류

IF 조건문

if(true) {  // if 조건식 내에는 true or false 즉 boolean 값을 리턴한다. 
  console.log("true") // 조건식이 truthy하므로 '참'을 출력.
}
if(false) { // 조건식이 falsy하다. 
  console.log("false") // 조건식이 falsy하므로 '거짓'을 출력. 
}

///기억해야 할 falsy 값. 
if (false)
if (null)
if (undefined)
if (0)
if (NaN)
if ('')
// 모두 조건식의 falsy하므로 어떻게든 false 값이 추출된다.

IF ~ ELSE 조건문

let a = 10;
if (a % 2 === 0) { // a의 나머지가 0인 경우 = a가 짝수인 경우 
  console.log(a + "짝수"); // if내의 조건식이 참이면 if 내의 콘솔 출력. 아니면 else 부분으로 넘어간다. 
} else { // if 조건식이 참이 아니면 ! else 내의 콘솔 출력. 
  console.log(a + "홀수");
}

IF ~ IF ELSE ~ ELSE 조건문

let a = 13;
if (a % 2 === 0) {  // if 조건식을 만족하지 못하여 else if로 내려감. 
  console.log(a + "2의 배수이다."); 
} else if (a % 3 === 0) { // else if 조건식도 만족하지 못하여 else로 내려감. 
  console.log(a + "3의 배수이다.");
} else { // else는 위의 if와 else if 조건식을 제외한 나머지 조건식을 포함한다. 그러므로 따로 조건식을 써줄 필요 없다. 
  console.log(a + "2의 배수도 3의 배수도 아니다.");
}

SWITCH ~ CASE 조건문

 switch (Number(score / 10)) { // 점수를 10으로 나눠서 정수로 변환
   case 9: // switch 내의 Number(score / 10) === 9를 만족하면 실행. 
     grade = "A 학점"; // 실행 코드 
     break; // 만족하면 switch 구문 전체를 break를 통해 빠져나간다. 
   case 8:
     grade = "B 학점";https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/if...else
   case 6:
     grade = "D 학점";
     break;
   default: // 데이터와 일치하는 값이 없으면 실행된다. 
     grade = "F 학점"; // 위 case들의 값과 모두 일치하지 않을 경우 "F 학점"을 실행한다. 
     break;
 }

참고하면 좋을 링크

IF 조건문 => 검색어 : mdn if statement javascript
SWITCH 조건문 => 검색어 : mdn switch case javascript
연산자 => 검색어 : mdn operator javascript
연산자2 => 검색어 : 자바스크립트 연산자