[JavaScript] 자바스크립트 연산자 정리 [산술 연산자, 대입 연산자, 논리 연산자, 비교 연산자 등]

---

- 자바스크립트 연산자

연산자 : 프로그래밍 언어에서 특정 연산을 할 수 있도록 도와주는 문자

---

1. 산술 연산자

// 덧셈 +, 뺄셈 -, 곱셈 \*, 나눗셈 / 은 가장 기본적인 산술 연산자
let num1 = 10;
let num2 = 5;
console.log(num1 + num2); // 15
console.log(num1 - num2); // 5
console.log(num1 * num2); // 50
console.log(num1 / num2); // 2

// 나머지 연산자
console.log(num1 % 2); // 0
console.log(num2 % 2); // 1

// 증감 연산자
let num = 10;
console.log(num++); // 후위연산 -> 10
console.log(num);   // 현재 num 값 -> 11
console.log(++num); // 전위연산 -> 12

num = 10;
console.log(num--); // 후위연산 -> 10
console.log(num);   // 현재 num 값 -> 9
console.log(--num); // 전위연산 -> 8

---

2. 대입 연산자

// 변수에 특정 값을 대입하는 역할
let num = 20;
num = num + 5;

console.log(num); // 25

// 복합 대입 연산자
num += 5; // num = num + 5
num -= 5; // num = num - 5
num *= 5; // num = num * 5
num /= 5; // num = num / 5

---

3. 논리 연산자

// NOT
let isOpen = false;
let isClicked = true;
console.log(!isOpen);    // true
console.log(!isClicked); // false

// OR
let a = true || true;   // true
let b = true || false;  // true
let c = false || true;  // true
let d = false || false; // false

// AND
let a = true && true;   // true
let b = true && false;  // false
let c = false && true;  // false
let d = false && false; // false

---

4. 비교 연산자

// 일치
let num1 = 10;
let num2 = "10";
console.log(num1 === num2); // false. 두 변수의 자료형까지 같은지 비교
console.log(num1 == num2);  // true.  값만 일치하는지를 비교

// 불일치
console.log(num1 !== num2); // true
console.log(num1 != num2);  // false

// 대소 비교
let a = 10;
let b = 20;
let c = 10;
console.log(a < b);  // true
console.log(a > b);  // false
console.log(b >= c); // true
console.log(b > c);  // true
console.log(a <= c); // true
console.log(a > c);  // false

---

5. 연결 연산자

// 문자열과 문자열을 연결
let a = "안녕";
let b = "자바스크립트";

console.log(a + b); // 안녕 자바스크립트

---

6. null 병합 연산자

// 변수의 값이 null 이거나 undefined 이면 값을 대입
let num;
num = num ?? 20;
console.log(num); // 20

// null이나 undefined가 아니라면 현재 num의 값을 그대로 유지
let num2 = 100;
num2 = num2 ?? 20;
console.log(num2); // 100

---

7. 삼항 연산자

let num = 100;
console.log(num % 2 === 0 ? "짝수" : "홀수"); // 짝수

---

- 참고자료

웹 프론트엔드를 위한 자바스크립트 첫 걸음 - 인프런 | 강의

---