JS/JavaScript

#5 자바스크립트 연산자

인생아 2024. 8. 27. 23:51
반응형

자바스크립트에서 연산자는 데이터를 처리하고 새로운 값을 생성하는 데 사용되는 특수한 기호입니다. 다양한 종류의 연산자가 있으며, 각 연산자는 고유한 기능과 우선순위를 가지고 있습니다. 이번 글에서는 자바스크립트 연산자에 대해 상세히 설명하고, 예제를 통해 이해를 돕겠습니다.

1. 산술 연산자

숫자 값을 가지고 사칙연산 등의 계산을 수행합니다.

  • 덧셈: +
    let result = 5 + 3; // result는 8
    
     
     
  • 뺄셈: -
    let result = 10 - 4; // result는 6
    
     
     
  • 곱셈: *
    let result = 2 * 5; // result는 10
    
     
     
  • 나눗셈: /
    let result = 10 / 2; // result는 5
    
     
     
  • 나머지: %
    let result = 10 % 3; // result는 1
    
     
     
  • 증가: ++
    let num = 5;
    ++num; // num은 6
     
     
  • 감소: --
    let num = 5;
    --num; // num은 4
     
     

2. 할당 연산자

값을 변수에 할당합니다.

  • 단순 할당: =
    let x = 10;
    
     
     
  • 복합 할당: +=, -=, *=, /=, %=
    let x = 5;
    x += 3; // x는 8 (x = x + 3 과 동일)
     
     

3. 비교 연산자

두 값을 비교하여 결과를 불리언 값으로 반환합니다.

  • 같음: == (타입 변환 후 비교), === (타입까지 비교)
    console.log(5 == "5"); // true (타입 변환 후 비교)
    console.log(5 === "5"); // false (타입까지 비교)
     
     
  • 다름: != (타입 변환 후 비교), !== (타입까지 비교)
    console.log(5 != "5"); // false (타입 변환 후 비교)
    console.log(5 !== "5"); // true (타입까지 비교)
     
     
  • 크다: >
    console.log(10 > 5); // true
     
     
  • 작다: <
    console.log(5 < 10); // true
     
     
  • 크거나 같다: >=
    console.log(10 >= 10); // true
     
     
  • 작거나 같다: <=
    console.log(5 <= 10); // true
     
     

4. 논리 연산자

불리언 값을 가지고 논리적인 연산을 수행합니다.

  • 논리곱: &&
    console.log(true && false); // false
     
     
  • 논리합: ||
    console.log(true || false); // true
     
     
  • 논리 부정: !
    console.log(!true); // false
    
     
     

5. 기타 연산자

  • 삼항 연산자: 조건에 따라 값을 선택합니다.
    let result = condition ? value1 : value2;
    
    // condition이 true면 result는 value1
    // condition이 false면 result는 value2
     
     
  • 쉼표 연산자: 여러 표현식을 한 줄에 작성할 때 사용합니다.
    let x = 1, y = 2;
    
     
     
  • typeof 연산자: 변수의 데이터 타입을 확인합니다.
    console.log(typeof 10); // "number"
    
     
반응형