본문 바로가기
JavaScript

[JS] 연산자

by 홍code 2022. 6. 29.

산술 연산자(operator) +-*/%

  • 사칙연산 산술 연산자 
  • 두 문자열 합치기 나머지(remainder) 연산자 (Modulo, Mod) %
    • 숫자가 홀수인지 짝수인지 판단할 때 자주 쓰인다.
  • 지수(exponent) 연산자 **
let num1 = 4;

let num2 = 2;

console.log(num1 + num2); // 6

console.log(num1 - num2); // 2

console.log(num1 * num2); // 8

console.log(num1 / num2); // 2

console.log(num1 % num2); // 0

console.log(num1 ** num2); // 16

복합 연산자 +=-=*=/=

산술 연산자와 대입 연산자를 합친 것

let num1 = 2;

let num2 = 3;

num1 += num2; // num1 = num1 + num2

num1 -= num2; // num1 = num1 - num2

num1 *= num2; // num1 = num1 * num2

num1 /= num2; // num1 = num1 / num2

증감 연산자 ++--

  • 변수의 앞에 붙이면 바로 적용되고(전위 연산), 변수의 뒤에 붙이면 후위 연산됨
  • 피연산자의 값을 변경하는 부수효과
let num = 5;

console.log(num++); //후위연산 -> 5

console.log(++num); //전위연산 -> 6

console.log(--num); //전위연산 -> 5

console.log(num--); //후위연산 -> 5

console.log(num); //4

논리 연산자 !&&||

  • 참인지 거짓인지 확인하는 연산자
  • ! : NOT / true → false, false → true
let isLogin = false;


console.log(!isLogin); // true

console.log(!isLogin); // false

 

  • && : A && B / A, B 둘 다 true 여야 true
let a = true && true; // true


let b = true && false; // false

let c = false && true; // false

let d = false && false; // false

 

  • || : A || B / A, B 둘 중 하나만 true여도 true
let a = true || true; // true

let b = true || false; // true

let c = false || true; // true


let d = false || false; // false

비교 연산자 Comparisons

> < >= <=

  • 알 수 없는 데이터를 받았을 때 비교 연산자를 쓰면 유용하다.
  • 숫자뿐만 아니라 문자열도 비교할 수 있다.
let a = 1;

let b = 2;

let c = 1;


console.log(a < b); // true

console.log(a > b); // false

console.log(b >= c); // true

console.log(b > c); // true

console.log(a <= c); // true

console.log(a > c); // false

삼중 등호 vs 이중 등호

=== !==

  • strict(엄격한) equality operator
  • 삼중 등호는 타입을 구분하고 값과 타입을 모두 비교한다.

== !=

  • 이중 등호는 타입을 구분하지 않고 두 값이 같은지 비교한다.
  • 두 값이 다른 타입이면 같아지도록 강제로 변환한다. (예상과 다른 결과)
let num1 = 10;

let num2 = "10";


console.log(num1 !== num2); // true

console.log(num1 != num2); // false
💡 항상 삼중 등호를 사용하고, 경우에 따라 이중 등호를 사용하자.

 

typeof 연산자

  • 변수의 현재 자료형이 뭔지 확인하는 연산자
let a = 1; 

console.log(typeof a); // number 

a = "1"; 

console.log(typeof a); // string

null 병합 연산자

  • 변수에 값이 없다면 대입하고 값이 있다면 그 값을 그대로 사용함
let a;

a = a ?? 10; 

console.log(a); //10

'JavaScript' 카테고리의 다른 글

[JS] 배열  (0) 2022.07.02
[JS] 조건문  (0) 2022.07.02
[JS] 변수와 상수  (0) 2022.06.29
[JS] 자료형  (0) 2022.06.29
[JS] 자바스크립트란  (0) 2022.06.29

댓글