JavaScript

Chapter 03. 조건

차돌박이츄베릅 2023. 4. 26. 16:19

비교 연산자

  • 일치 연산자(===)
  • 불일치 연산자(!==)
  • 작다(<), 크다(>), 작거나 같다(<=), 크거나 같다(>=) 연산자

 

논리 연산자

  • 논리곱(&&) 연산자 : 두 값이 모두 true일 경우에만 true를 반환
  • 논리합(||) 연산자 : 두 값 중 하나라도 true일 경우 true를 반환
  • 논리부정(!) 연산자 : true를 false로, false를 true로 값을 반대로 바꿈

 

삼항 연산자(ternary operator)

조건식 ? true일 때의 값 : false일 때의 값

(10 > 5) ? "크다" : "작다"; // "크다"

 

 

 


논리합 연산자를 사용한 짧은 조건문

false || console.log('실행') // 실행

true이면 추가 연산을 진행하지 않기 때문에 

좌변이 false면 우변을 검사해서 실행됨

|| 연산자를 사용하여 단축 평가(short-circuit evaluation)를 할 수 있습니다. 변수 x가 존재하지 않는 경우, || 연산자는 false 값을 반환하고, 기본값으로 지정한 10을 반환

 

논리곱 연산자를 사용한 짧은 조건문

true && console.log('실행') // 실행

false면 추가 연산을 진행하지 않기 때문에 

우변을 실행하지 않음

(논리합, 논리곱 연산자의 짧은 조건문은 다른 조건문에 비해 이해하기 어려워 지양하는 방법)

&& 연산자를 사용하여 조건부 실행을 할 수 있음. 조건부 실행을 사용하여 좌변이 true인 경우에만 우변 실행

 

falsy한 값

0, 빈 문자열, null, undefined, NaN, false는 falsy한 값으로, if문의 조건을 만족시키지 못함

 

짝수와 홀수 구분하기

숫자%2 == 0 이면 짝수

숫자%2 == 1 이면 홀수

코드의 효율성 -> 자료구조와 알고리즘 공부 ㄱㄱ

 

컴퓨터는 모든 것을 숫자로 계산하므로

문자열 연산보다 숫자 연산이 훨씬 빠름

 

else if 구문을 사용할 때는

앞단계에서 비교했던 것을 다음 단계에서 한 번 더 비교하고 있지 않은지 확인

 

띵언 메모

 

'JavaScript' 카테고리의 다른 글

Chapter 05. 함수  (0) 2023.04.27
Chapter 04. 반복문  (0) 2023.04.26
Chapter 02. 자료와 변수  (0) 2023.04.25
Chapter 01. 자바스크립트 개요와 개발환경 설정  (0) 2023.04.25
[Library] JQuery  (0) 2023.04.14