프론트엔드/Javascript

연산자

mino28 2025. 4. 16. 16:32

1. 연산자

연산자란 두 개 이상의 값(피연산자)을 가지고 연산을 수행하여 결과를 만들어내는 기호 또는 기호의 조합이다. 자바스크립트에서는 덧셈(+)이나 뺄셈(-)처럼 수학적인 계산을 하는 산술 연산자, 크기를 비교하는 비교 연산자(>, <, >=, <=, ==, === 등), 조건을 판단하는 논리 연산자(&&, ||, !), 변수에 값을 할당하는 할당 연산자(=, +=, -= 등) 등이 있으며, 각각의 연산자는 특정한 의미와 동작을 가진다. 연산자는 프로그램에서 값을 계산하거나 조건을 판단하고 흐름을 제어하는 데 필수적인 요소이다.

 


1. 산술 연산자 (Arithmetic Operators)

숫자 계산을 할 때 사용한다.

 

let a = 10;
let b = 3;
console.log(a + b); // 13
console.log(a % b); // 1

2. 비교 연산자 (Comparison Operators)

두 값을 비교하여 true 또는 false를 반환한다.

let x = 5;
let y = "5";
console.log(x == y);  // true
console.log(x === y); // false

3. 논리 연산자 (Logical Operators)

 

여러 조건을 함께 판단할 때 사용한다. 결과는 true 또는 false

let age = 20;
let hasTicket = true;

if (age >= 18 && hasTicket) {
  console.log("입장 가능");
} else {
  console.log("입장 불가");
}

4. 할당 연산자 (Assignment Operators)

값을 변수에 저장(할당)할 때 사용한다.

let num = 10;
num += 5; // num은 이제 15
console.log(num);

 

5. 증감 연산자 (Increment / Decrement)

값을 1씩 더하거나 뺄 때 사용한다.

let count = 5;
count++;
console.log(count); // 6

 

6. 비트 연산자

비트 연산자는 정수를 이진수로 변환한 후, 각 자릿수의 비트를 기준으로 연산한다.

let a = 5;   // 101
let b = 3;   // 011

console.log(a & b); // 1 (AND)
console.log(a | b); // 7 (OR)
console.log(a ^ b); // 6 (XOR)
console.log(~a);    // -6 (NOT)
console.log(a << 1); // 10 (왼쪽으로 1비트 이동)
console.log(a >> 1); // 2 (오른쪽으로 1비트 이동)

 


2. 연산자 우선순위

여러 개의 연산자가 한 줄에 있을 때, 자바스크립트는 누구를 먼저 계산할지 순서를 정하는 규칙이 필요하다. 이때 적용되는 것이 바로 연산자 우선순위이다.

let result = 3 + 4 * 2 > 10 || false;

 

  1. 4 * 2 → 8 (곱하기 먼저!)
  2. 3 + 8 → 11 (그다음 더하기)
  3. 11 > 10 → true (비교)
  4. true || false → true (논리 OR)
  5. result = true (마지막에 할당)

👉 최종적으로 result에는 true가 들어간다.

'프론트엔드 > Javascript' 카테고리의 다른 글

배열  (0) 2025.04.16
제어문 - 기본 반복문  (0) 2025.04.16
제어문 - 조건문  (0) 2025.04.16
변수  (0) 2025.04.16
자바스크립트  (0) 2025.04.16