[JavaScript] 기초 4. 연산자(operator)

유의사항: 해당 글은 공부한 내용을 정리하는 용도이므로, 수정이 필요할 경우 내용의 수정이 있을 수 있습니다.

개요

프로그래밍 언어라면 반드시 있어야 할 것 중 하나가 바로 연산자이다. 오늘은 자바스크립트에 사용하는 간단한 연산자들을 알아보자.

---

연산자

연산자(Operator)는 피연산자(Operand)사이 또는 옆에 존재하며, 연산을 의미한다.

 

산술 연산자

 

우리가 흔히 알고있는 더하기, 빼기, 나누기, 곱하기 처럼 수와 수를 산술적인 계산을 하는데 사용하는 연산자를 산술 연산자라고 한다. 

// + 연산자 우선순위(문자열이 높음), 그 외 연산자 우선순위(숫자가 높음)
// 1. 더하기 연산자(+)
console.log(1 + 1);     // output: 2
console.log(1 + "1");   // output: "11"

// 2. 빼기 연산자(-)
console.log(1 - "2");   // output: -1
console.log(1 - 2);     // output: -1

// 3. 곱하기 연산자(*)
console.log(2 * 3);     // output: 6
console.log("2" * 3);   // output: 6

// 4. 나누기 연산자(/)
console.log(4 / 2);     // output: 2
console.log("4"/ 2);    // output: 2

// 5. 나누기 연산자(/) vs 나머지 연산자(%)
console.log(5 / 2);     // output: 2.5
console.log(5 % 2);     // output: 1

 

비교 연산자

 

두 값을 비교하는 연산자이다. 아래는 비교 연산자의 종류와 예제들이다.

 

일치 연산자

console.log(2 === 2)     // output: true
console.log(2 === "2")   // output: false

(자바스크립트에서는 일치 연산자의 종류가 2가지 있다. 첫번째는 의미하는 값이 동일한 지 확인하는 ==연산자와 타입도 같아야하는 ===연산자가 있다. ==연산자는 사용하지 않는 것이 좋기 때문에 ===연산자 예제만 넣어놓겠다.)

 

불일치 연산자

console.log(2 !== 2)     // output: false
console.log(2 !== "2")   // output: true

 

대소 비교 연산자

console.log(2 < 3)      // output: true
console.log(2 > 3)      // output: false
console.log(3 <= 3)     // output: true
console.log(3 >= 3)     // output: true

 

논리 연산자

console.log(true && false)      // output: false
console.log(true && true)       // output: true
console.log(true || false)      // output: true
console.log(false || false)     // output: false
console.log(!false)             // output: true
console.log(!true)              // output: false

 

삼항 연산자

let x = 10;
let result = x > 5 ? true : false;
console.log(result);                // output: true
console.log(x > 5 ? true : false);  // output: true

 

타입 연산자

console.log(typeof "12");       // output: "string"