[JavaScript] 연산자

대입 연산자(Assignment operator)

- 값을 대입하기 위해 사용하는 연산자

- 오른쪽 값을 왼쪽에 대입

왼쪽 = 오른쪽

let a = 10;

 

 

 

산술 연산자(Arithmetic operator)

- 사칙연산(+, -, *, /), 나머지 연산자(%), 지수 연산자(**) 등이 존재

let a = 10;
let b = 3;

document.write(a + b);  // 13
document.write(a - b);  // 7
document.write(a * b);  // 30
document.write(a / b);  // 3.3333333
document.write(a % b);  // 1
document.write(a ** b);  // 1000

 

 

 

증감 연산자

- postfix 방식 : 선 연산 후 증감 : a++

- prefix 방식 : 선 증감 후 연산 : ++a

증가 연산자 : ++
감소 연산자 : --

let a = 1;
let b = a++;

document.write(a, b);  // 2, 1

let c = 1;
let d = ++c;

document.write(c, d);  // 2, 2

 

 

 

관계 연산자(Relational operator) - 비교, 동등, 일치

- 변수들의 관계를 나타내기 위한 연산자

- 비교 연산자(<, >, <=, >=), 동등 연산자(==, !=), 일치 연산자(===, !==) 존재

변수1 > 변수2 : 변수1이 변수2보다 크다
변수1 <= 변수2 : 변수1이 변수2보다 작거나 같다
변수1 == 변수2 : 변수1의 값이 변수2의 값이 같다
변수1 != 변수2 : 변수1의 값이 변수2의 값이 같지 않다

 

• 일치 연산자(Strict equality operator)

- 값과 자료형까지 모두 엄격하게 판단하는 연산자

변수1 === 변수2 : 변수1이 변수2와 값과 자료형이 모두 같다
변수1 !== 변수2 : 변수1이 변수2와 값이나 자료형이 같지 않다

 

• 동등 연산자와 일치 연산자 비교

let a = 1;
let b = '1';

document.write(a == b)  // true
document.write(a != b)  // false
document.write(a === b)  // false
document.write(a !== b)  // true

 

 

 

이진 논리 연산자(Binary logical operator)

- 불리언 값을 비교할 때 사용하는 연산자

변수1 && 변수2 : 변수1과 변수2가 모두 true일 경우에만 true
변수1 || 변수2 : 변수1 또는 변수2가 true일 경우에 true

let a = true;
let b = false;

document.write(a && b);  // false
document.write(a || b);  // true

 

 

 

조건부 연산자(Conditional operator)

- 조건에 따라 결과가 달라지는 연산자

조건식 ? true일 경우 결과값 : false일 경우 결과값

let a = 10;
let b = 20;

document.write(a < b ? "a가 b보다 작다":"a가 b보다 크다");  // a가 b보다 작다