프론트엔드/자바스크립트

조건문

테오구 2021. 8. 27. 21:46
728x90

📌Achievement Goals

조건문

  • truthy와 falsy가 조건문에서 작동하는 방식을 이해할 수 있다. ✅
  • 비교 연산자를 통한 엄격한 비교 (===,!==)에 대해 이해할 수 있다. ✅
  • if와 else if, else를 이해하고 무리없이 활용할 수 있다. ✅
  • 논리 연산자를 (&&, ||, !..)를 통해 복잡한 조건을 간결하게 작성할 수 있다. ✅

조건문 문제로 에러 메세지 알아보기

  • 코플릿 에러 메세지 읽는 법을 배우고, 이를 기반으로 작성한 코드를 수정하는 법을 배운다. ✅

조건문 문제로 배우는 알고리즘

  • 코플릿 조건문 13번 문제의 해결방법을 익히며, 문제를 체계적으로 해결하는 방법을 배운다. ✅
  • 복잡한 조건문을 활용해, 실생활에서 마주하는 문제를 해결하기 위한 알고리즘을 구현할 수 있다. ✅

📌Chapter Contents

조건문 기초

- boolean 타입 이해하기 let isAdult = true; // 또는 false let isStudent = false // 또는 true

👉위와 같이 true 혹은 false로 결과가 도출되는 타입

- 조건문 : 어떠한 조건을 판별하는 기준 만들기

비교 연산자

  • 조건문에는 반드시 비교연산자가 필요하다.
  • 비교 연산자 예시

3>5; // false 9<10; // true 'hello' === 'world'; // false

  • 비교 연산자 결과 : 늘 Boolean, 즉 true 혹은 false
  • ❗비교 연산자 : 초과> / 미만< / 이상>= / 이하<= / 같다=== / 다르다!==

조건문 사용

if (조건1) { //조건1이 통과할 경우 } else if (조건2) { //조건1이 통과하지 않고 //조건2가 통과할 경우 } else { //모든 조건이 통과하지 않을 경우 }

👉조건에는 Boolean 결과가 나오는 비교구문이 들어간다.

논리 연산자

  • 두 가지 조건이 한번에 적용되는 경우 : 논리 연산자 사용
  • 두가지 조건이 한번에 적용되는 예시

isStudent && isFemale; // 학생이면서 여성일 때 통과 isStudent || isFemale; // 학생이거나 여성일 때 통과 !isStudent && isFemale; // 학생이 아니면서 여성일 때 통과

  • 논리 연산자 NOT : !

!false // true !(3>2) // false

  • 논리 연산자 OR : ||

true || true //true true || false // true false || false // false

  • 논리 연산자 AND : &&

true && true //true true && false // false false && false // false

기억해야 할 6가지 falsy 값

if (false), if (null), if (undefined), if (0), if (NaN), if ('')
👉 다음은 if문에서 false로 변환되므로, if구문이 실행되지 않는다.


📌Summary

  • 조건문은 Boolean 타입으로 결과가 도출된다.
  • 조건문에는 반드시 비교 연산자가 필요하다. (>, <, === 등)
  • 조건문에 조건에는 Boolean 결과가 나오는 비교구문이 들어간다.
  • 두가지 조건이 한번에 적용되는 경우에는 논리 연산자를 사용한다.
  • if문에서 false로 무조건 변환되는 6가지 falsy값을 숙지해야한다.
728x90

'프론트엔드 > 자바스크립트' 카테고리의 다른 글

Object  (0) 2021.08.28
Class  (0) 2021.08.28
함수  (0) 2021.08.27
타입  (0) 2021.08.27
변수  (0) 2021.08.27