Modern JavaScript #2 연산자

이 글은 벨로퍼트님의 모던 자바스크립트 강의 문서로 공부하면서 작성한 글입니다.

연산자

: 연산자는 프로그래밍 언어에서 특정 연산을 하도록 하는 문자
ex)

let value = 1;
value = 2;

두번째 줄에 사용된 '=' 문자가 연산자 (대입 연산자)
첫번째 줄은 새로운 변수를 선언하는 것으로 대입 연산자에 해당하지 않는다.

산술 연산자

: 사칙연산과 같은 작업을 하는 연산자

• +(덧셈), -(뺄셈), *(곱셈), /(나눗셈)
• ++, --
  ex)

let a = 1;
a++; // 1을 더하기 직전 값을 보여준다
++a; // 1을 더한 다음의 값을 보여준다.

대입 연산자

: 특정 값에 연산을 한 값을 바로 설정할 때 사용할 수 있는 연산자

// 기본
let b = 1;
b = b + 3;

// 대입 연산자 사용
let a = 1;
a += 3;
a -= 3;
a *= 3;
a /= 3;

논리 연산자

: Boolean 타입(참, 거짓)을 위한 연산자.

• !(NOT), &&(AND), |(OR)

• !(NOT)
  : true는 false로, false는 true로 바꿔준다.

• &&(AND)
  : 양쪽의 값이 둘 다 true일 때만 결과물이 true

• ||(OR)
  : 양쪽의 값이 하나라도 true라면 결과물이 true, 두 값이 둘 다 false일 때에만 false

• 연산 순서
  : NOT -> AND -> OR

비교 연산자

: 두 값을 비교할 때 사용

• 두 값이 일치하는지 확인

const a = 1;
const b = 1;
const equal = a === b;
console.log(equal);
// true

===는 두 값이 일치하는지 확인해준다.
=문자가 2개 있을 때와 3개 있을 때의 차이는 2개 있을 때에는 타입 검사까지는 하지 않는다.
==를 사용하면 숫자 1과 문자 '1', 0과 false가 각각 같은 값으로 간주된다.
그리고 null과 undefined도 같은 값으로 간주된다.

• 두 값이 일치하지 않는지 확인

const value = 'a' !== 'b';

!=도 마찬가지로 타입검사를 하지 않는다. !== 사용하기!

• 크고 작음
  : 두 값 중에서 무엇이 더 크고 작은지 비교하기 위해서는 >, <, >=, <= 연산자를 사용

문자열 붙이기

: 두 문자열을 붙일 때에는 + 로 할 수 있다.