반응형
자바스크립트 (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
삼항 연산자는 변수에 결과값을 담아 필요할 때마다 변수를 사용합니다.
삼항 연산자는 위에 처럼 괄호 없이 사용이 가능합니다. 삼항 연산자인 물음표(?)는 우선순위가 낮기때문에,
비교 연산자(>, <) 가 먼저 실행되고 그 후에 삼항 연산자가 실행 됩니다.
자바스크립트 연산자들을 살펴봤습니다.
매우 많은 연산들이 있었습니다..
하지만 사용하다보면 많이 익숙해지겠죠?