[자바스크립트 딥다이브] 07장 연산자

07장 연산자

//산술연산자
5 * 4 //20
//문자열 연결 연산자
'My name is ' + 'lee'
//할당 연산자
color = 'red'
//비교 연산자
3 > 5 //false
//논리 연산자
true && false //false
//타입 연산자
typeof 'hello' //string

---

07.01. 산술연산자

• 이항 산술 연산자

  이항 산술 연산자	의미
  +	덧셈
  -	뺄셈
  *	곱셈
  /	나눗셈
  %	나머지

• 단항 산술 연산자

  단항 산술 연산자	의미
  ++	증가
  +	효과가 없다.
  -	양수를 음수로 음수를 양수로 반전한 값을 반환

• 문자열 연결 연산자
  :
  숫자와 다른값을 산술할때는 암묵적 타입 변환 또는 타입 강제 변환이 일어날 수 있다.
• 1 + true // 2
• 예시)

---

07.02. 비교연산자

• 동등/일치 비교 연산자

  비교연산자	의미	설명
  ==	동등 비교	값이 같음
  ===	일치 비교	값과 타입이 같음
  !=	부동등 비교	값이 다름
  !==	불일치 비교	값과 타입이 다름

  ! 주의 해야 할점
  :NaN은 자신과 일치하지 않는 유일한 값이다
  NaN === NaN // false
• 대소 관계 비교 연산자

  대소 관계 비교 연산자	설명
  x > y	x값이 y보다 크다
  x < y	x값이 y보다 작다
  x >= y	x값이 y보다 크거나 같다
  x <= y	x값이 y보다 작거나 같다

---

07.03. 삼항 조건 연산자

: 삼항 조건 연산자 표현식은 값으로 평가할 수 있는 표현식

조건식 ? 조건식이 true면 반환할 값 : false면 반환할 값 

예시)

var x =2
var result = x % 2 ? '홀수' :'짝수';
console.log(result) // 짝수
*** 2 % 2는 0 이고 0은 false로 암묵적 타입 변환

---

07.04. 논리 연산자

01. || : or로 둘중하나 true
02. && : and로 둘다 true
03. ! : not으로 false

---

07.05. 쉼표 연산자

: 왼쪽 피연산자 부터 차례대로 평가 후 마지막 평가결과를 반환하는 표현식

var x, y, z
x = 1, y = 2, z = 3;

 

---

07.06. 그룹 연산자

: 연산자 우선순위가 가장 높은 표현식

10 * 2 + 3 //23
10 * (2 + 3); //50

---

07.07. typeof 연산자

• 주의해야할 일반적이지 않은 경우

typeof NaN // number
typeof null // object
typeof [] // object
typeof new Date() // object

식별자를 선언한적이 없는 경우 
typeof undeclared // undefiend

---

07.08. 지수 연산자

: 피연산자를 지수로 거듭제곱

2 ** 2; //4
2 ** 2.5 //5.65...
2 ** 0 //1
2 ** -2 //0.25

---

07.09. 그외 연산자

• ?. : 옵셔널 체이닝 연산자
• ?? : null 병합 연산자
• delete : 프로퍼티 삭제
• new : 생성자 함수를 호출할 때 사용하여 인스턴스를 생성
• instanceof : 좌변의 객체가 우변의 생성자 함수와 연결된 인스턴스인지 판별
• in : 프로퍼티 존재 확인

---