본문 바로가기
JavaScript 문법 시리즈

[JavaScript 문법] 3일차: 연산자와 표현식

by cogito21_js 2024. 8. 3.
반응형

연산자란?

연산자는 변수나 값에 대해 연산을 수행하는 기호입니다. JavaScript에서는 다양한 연산자를 제공하여 산술 연산, 할당, 비교, 논리 연산 등을 수행할 수 있습니다.

산술 연산자

산술 연산자는 숫자 값에 대해 기본적인 산술 연산을 수행합니다.

  1. 덧셈 (+): 두 값을 더합니다.
  2. 뺄셈 (-): 첫 번째 값에서 두 번째 값을 뺍니다.
  3. 곱셈 (*): 두 값을 곱합니다.
  4. 나눗셈 (/): 첫 번째 값을 두 번째 값으로 나눕니다.
  5. 나머지 (%): 첫 번째 값을 두 번째 값으로 나눈 나머지를 구합니다.
  6. 거듭제곱 (``)**: 첫 번째 값을 두 번째 값만큼 거듭제곱합니다.

예제:

let a = 10;
let b = 3;

console.log(a + b); // 13
console.log(a - b); // 7
console.log(a * b); // 30
console.log(a / b); // 3.3333...
console.log(a % b); // 1
console.log(a ** b); // 1000

할당 연산자

할당 연산자는 변수에 값을 할당하는 데 사용됩니다.

  1. 기본 할당 (=): 변수에 값을 할당합니다.
  2. 복합 할당: 다른 연산과 할당을 동시에 수행합니다.
    • 덧셈 할당 (+=)
    • 뺄셈 할당 (-=)
    • 곱셈 할당 (*=)
    • 나눗셈 할당 (/=)
    • 나머지 할당 (%=)

예제:

let x = 10;
x += 5; // x = x + 5
console.log(x); // 15

x -= 2; // x = x - 2
console.log(x); // 13

x *= 3; // x = x * 3
console.log(x); // 39

x /= 3; // x = x / 3
console.log(x); // 13

x %= 4; // x = x % 4
console.log(x); // 1

비교 연산자

비교 연산자는 두 값을 비교하고, 그 결과를 불리언 값으로 반환합니다.

  1. 동등 (==): 두 값이 동등한지 비교합니다. 타입 변환을 수행합니다.
  2. 일치 (===): 두 값이 일치하는지 비교합니다. 타입 변환을 수행하지 않습니다.
  3. 부등 (!=): 두 값이 동등하지 않은지 비교합니다. 타입 변환을 수행합니다.
  4. 불일치 (!==): 두 값이 일치하지 않는지 비교합니다. 타입 변환을 수행하지 않습니다.
  5. 크다 (>): 첫 번째 값이 두 번째 값보다 큰지 비교합니다.
  6. 크거나 같다 (>=): 첫 번째 값이 두 번째 값보다 크거나 같은지 비교합니다.
  7. 작다 (<): 첫 번째 값이 두 번째 값보다 작은지 비교합니다.
  8. 작거나 같다 (<=): 첫 번째 값이 두 번째 값보다 작거나 같은지 비교합니다.

예제:

console.log(5 == '5'); // true
console.log(5 === '5'); // false
console.log(5 != '5'); // false
console.log(5 !== '5'); // true
console.log(5 > 3); // true
console.log(5 >= 5); // true
console.log(5 < 3); // false
console.log(5 <= 5); // true

논리 연산자

논리 연산자는 불리언 값을 결합하거나 부정합니다.

  1. 논리 AND (&&): 두 피연산자가 모두 참이면 참을 반환합니다.
  2. 논리 OR (||): 두 피연산자 중 하나라도 참이면 참을 반환합니다.
  3. 논리 NOT (!): 피연산자의 부정을 반환합니다.

예제:

let p = true;
let q = false;

console.log(p && q); // false
console.log(p || q); // true
console.log(!p); // false

기타 연산자

삼항 연산자

삼항 연산자는 조건에 따라 값을 선택할 수 있게 합니다. 조건 ? 참일 때 값 : 거짓일 때 값 형태로 사용합니다.

예제:

let age = 18;
let canVote = (age >= 18) ? 'Yes' : 'No';
console.log(canVote); // 'Yes'

typeof 연산자

typeof 연산자는 피연산자의 데이터 타입을 문자열로 반환합니다.

예제:

console.log(typeof 42); // 'number'
console.log(typeof 'Hello'); // 'string'
console.log(typeof true); // 'boolean'
console.log(typeof {}); // 'object'
console.log(typeof undefined); // 'undefined'
console.log(typeof null); // 'object'
console.log(typeof Symbol('sym')); // 'symbol'

결론

연산자와 표현식은 JavaScript에서 값을 계산하고 비교하며, 논리적 결정을 내리는 데 중요한 역할을 합니다. 이번 글에서는 다양한 연산자와 그 사용법에 대해 배웠습니다. 다음 글에서는 조건문에 대해 알아보겠습니다.

다음 글에서 만나요!

 

반응형