바이오 대표

[JS] Operators (연산자) 본문

Front_end

[JS] Operators (연산자)

바이오 대표 2021. 9. 25. 17:35
  • Numeric Operator (산술연산자)  +, - , /, *, %, **
  • Increment and Decrement Operator (증감연산자)  ++, -- 
  • Assignment Operators (대입연산자) =, +=, -=, *=, /=
  • Comparision Operators (비교연산자) <, >, <=, =>
  • Logical Operators (논리연산자) ||, $$, ! 

 

 

Numeric Operator (산술연산자)  +, - , /, *, %, **

+ : 더하기 

- : 빼기

: 나누기 

* : 곱하기 

% : 나머지 

** : 승  

 

 

Increment and Decrement Operator (증감연산자)  ++, -- 

++ : 1 증가

--  : 1 감소 

(아래 예시와 같이 ++/-- 위치에 따라 변수에 저장하는 순서가 달라진다 ↓)

let num = 3; 
const x = ++num;
//num가 증가 된 후에 x 변수에 저장  (x = 4, num= 4)
let num = 3;
const y = num++;
//변수 저장 후, num 증가 (x = 3, num= 4)

 

 

Assignment Operators (대입연산자) =, +=, -=, *=, /=

x += 3 는 x = x + 3 와 같다 

x -= 2 는 x = x - 2 와 같다 

x *= 3 는 x = x * 3 와 같다 

x /= 4 는 x = x / 3 와 같다 

 

 

Comparision Operators (비교연산자) ==, <, >, <=, =>

비교가 맞으면 true 출력, 틀리면 false 출력 

비교 연산자는 조건문에서 많이 사용된다.

// 조건문, if 문
if (age > 10){
    console.log('your age is over 10');
} else ( age === 10 ){
    console.log('your age is 10');
}

===, !== 는 type도 비교한다. 

a = 5, b = '5' 일때 == 로 비교하면 true 이지만 === 로 비교하면 false이다. 

 

 

Logical Operators (논리연산자) ||, $$, ! 

|| : or (또는) - 하나라도 true 이면 true (true 가 나오면 연산 멈춤) 

$$ : and (그리고) - 모두 true 이여야지 true  (false 가 나오면 연산 멈춤)

! : not (반대) - false ↔ true로 전환