본문 바로가기
프론트엔드/JavaScript

[JavaScript] 기본 연산자와 우선순위

by LaDiuM 2024. 12. 4.
목차

    [JavaScript] 기본 연산자와 우선순위

    자바스크립트의 기본 연산자는 다른 언어와 크게 다르지 않으며 동적 타입 언어이기 때문에 타입을 비교하는 방식에서 정적 타입 언어와 비교된다. 아래는 자바스크립트의 기본 연산자 종류와 연산 우선순위를 테이블로 정리하였다.


    1. 연산자 유형

    1.1.산술 연산자

    값을 계산하는데 사용되는 연산자.

    연산자 설명 예시 결과
    + 덧셈 5 + 3 8
    - 뺄셈 5 - 3 2
    * 곱셈 5 * 3 15
    / 나눗셈 6 / 3 2
    % 나머지 5 % 3 2
    ** 거듭제곱 5 ** 2 25

    1.2. 비교 연산자

    두 값을 비교하여 논리값을 반환하는 연산자. 동적 타입 언어이기 때문에 타입까지 일치하는지 확인하는 엄격 비교 연산자와 값만 일치하는지 확인하는 비교 연산자가 나뉘어 있다.

    연산자 설명 예시 결과
    == 값이 같은지 비교 '5' == 5 true
    === 값과 타입이 같은지 비교 '5' === 5 false
    != 값이 다른지 비교 '5' != 5 false
    !== 값과 타입이 다른지 비교 '5' !== 5 true
    > 왼쪽이 큰지 비교 5 > 3 true
    < 왼쪽이 작은지 비교 5 < 3 false
    >= 왼쪽이 크거나 같은지 비교 5 >= 5 true
    <= 왼쪽이 작거나 같은지 비교 5 <= 3 false

    1.3. 논리 연산자

    단락을 평가하여 논리 여부를 반환하는 연산자.

    연산자 설명 예시 결과
    && 논리 AND true && false false
    `   ` 논리 OR
    ! 논리 NOT !true false

    1.4. 대입 연산자

    기본적으로 값을 대입하는 연산자이며 추가로 산술 연산자와 조합하여 할당하여 대입하는 연산자가 있다.

    연산자 설명 예시 결과
    = 값 할당 x = 10 10
    += 덧셈 후 할당 x += 5 15
    -= 뺄셈 후 할당 x -= 5 5
    *= 곱셈 후 할당 x *= 5 50
    /= 나눗셈 후 할당 x /= 5 2
    %= 나머지 후 할당 x %= 5 0

    1.5. 비트 연산자

    비트 수준의 작업에 사용되는 연산자.

    연산자 설명 예시 결과
    & 비트 AND 5 & 1 1
    ` ` 비트 OR `5
    ^ 비트 XOR 5 ^ 1 4
    ~ 비트 NOT ~5 -6
    << 왼쪽 시프트 5 << 1 10
    >> 오른쪽 시프트 5 >> 1 2

    2. 자바스크립트 연산자 우선순위

    연산자의 우선순위는 다른 언어와 크게 다르지 않으며 아래와 같다.

    우선순위 연산자 설명
    1 () 그룹화
    2 ++, -- 후위 증감 연산자
    3 ** 거듭제곱
    4 *, /, % 곱셈, 나눗셈, 나머지
    5 +, - 덧셈, 뺄셈
    6 <, <=, >, >= 비교 연산자
    7 ==, !=, ===, !== 동등성 연산자
    8 && 논리 AND
    9 `  
    10 = 할당 연산자

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

    [JavaScript] 특수 연산자  (0) 2024.12.05
    [JavaScript] 객체와 배열  (3) 2024.11.28
    [JavaScript] 자료형과 변수와 상수  (1) 2024.11.26
    [JavaScript] 개념 정리  (1) 2024.11.23