JAVASCRIPT

Javascript 연산자의 종류

김도현2 2023. 2. 21. 19:15
반응형

자바스크립트 (javascript) 연산자의 종류들을 알아봅시다!

 

아래 표는 우선순위가 높은 순서에서 낮은 순서로 연산자를 나열합니다.

출처

이렇게 많은 연산자들이 있습니다. 한번 종류별로 정리해보겠습니다.


1. 산순연산자 : *(곱하기), /(나누기), %(나머지연산자), +(더하기), -(빼기)

let a = 3;
let b = 5;

console.log(a + b); 
console.log(a * b);	
console.log(a + b * a);
console.log((a + b) * a);

수학을 계산할때 사칙연산을 순서에 맞춰서 계산을 합니다. 
더하기와 곱하기가 같이 있으면 곱하기를 먼저 하지만 () 괄호의 우선순위가 곱하기보다 위에 있기때문에

세번째 콘솔출력과 네번째 콘솔출력은 답이 다를것입니다.

 

 

2. 대입연산자 : =, +=, -=, *=, /=, %=, <<=, >>=, >>>=, &=, ^=, |=

var a = 10;
var b = 20;

말 그대로 변수에 값을 대입하는 연산자입니다.

 

 

 

3. 비교연산자 : <, <=, >, >=, ==, !=

const a = 15;
const b = 25;

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

비교 연산자는 두 값을 비교하여 어느 값이 더 큰지 나타내는 연산자입니다.

이 연산자의 결과는 true 또는 false로 반환됩니다.

 


4. 논리연산자 : &&(AND연산자), ||(OR연산자), !(NOT연산자)

const a = 20;
const b = 10;
const c = 5;

(a > b) && (b > c);		//true

(a > b) && (b < c);		//false

논리 연산자는 AND, OR, NOT을 확인해서 결과로 true 또는 false를 반환하는 연산자입니다.

 

5. 삼항연산자 :  >, <, ?, :

let a = 10;
let b = 6;

const value = (a > b) ? true : false;

console.log(value);  //true

삼항 연산자는 변수에 결과값을 담아 필요할 때마다 변수를 사용합니다.

삼항 연산자는 위에 처럼 괄호 없이 사용이 가능합니다. 삼항 연산자인 물음표(?)는 우선순위가 낮기때문에,

비교 연산자(>, <) 가 먼저 실행되고 그 후에 삼항 연산자가 실행 됩니다.

 

 

 

 

 

자바스크립트 연산자들을 살펴봤습니다.

매우 많은 연산들이 있었습니다.. 

하지만 사용하다보면 많이 익숙해지겠죠?