ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • JavaScript 연산자
    Front-End/JavaScript 2024. 2. 23. 12:32
    728x90
    반응형

    연산자




    할당 연산자


        - 일반 할당(=)  : x = y 꼴에서 y를 x에 할당

        - 더하기 복합 대입 연산(+=) : x += y 꼴에서 x와 y를 더한 값을 x에 재할당, x = x + y와 같음

        - 빼기 복합 대입 연산(-=)   : x -= y 꼴에서 x에 y를 뺀 값을 x에 재할당, x = x - y와 같음
        - 곱하기 복합 대입 연산(*=) : x *= y 꼴에서 x에 y를 곱한 값을 x에 재할당, x = x * y와 같음
        - 나누기 복합 대입 연산(/=) : x /= y 꼴에서 x에 y를 나눈 값을 x에 재할당, x = x / y와 같음
        - 나머지 복합 대입 연산(%=) : x %= y 꼴에서 x에 y를 나눈 나머지를 x에 재할당, x = x % y와 같음
        - 거듭 제곱 복합 대입 연산(**=) : x **= y 꼴에서 x의 y제곱값을 x에 재할당, x = x ** y와 같음
        - 논리 AND 복합 대입 연산(&&=) : x &&= y 꼴에서 x와 y가 모두 참인가에 대한 여부를 x에 재할당, x = x && y와 같음
        - 논리 OR 복합 대입 연산(||=) : x ||= y 꼴에서 x와 y 중 하나이상 참인가에 대한 여부를 x에 재할당, x = x || y와 같음
        - 널리쉬 병합 복합 대입 연산(??=) : x ??= y 꼴에서 x가 널리쉬일 경우 y값을, 아니라면 x값을 x에 재할당, x = x ?? y와 같음


    비교 연산자


        - 동등(==)      : x == y 꼴에서 x와 y의 값이 같은가에 대한 여부. 타입 비교를 하지 않음에 유의
        - 부등(!=)      : x != y 꼴에서 x와 y의 값이 다른가에 대한 여부. 타입 비교를 하지 않음에 유의
        - 일치(===)     : x === y 꼴에서 x와 y의 값과 타입이 모두 같은가에 대한 여부
        - 불일치(!==)   : x !== y 꼴에서 x와 y의 값 혹은 타입이 다른가에 대한 여부
        - 초과(>)       : x > y 꼴에서 x가 y보다 큰가의 여부
        - 미만(<)       : x < y 꼴에서 x가 y보다 작은가의 여부
        - 이상(>=)      : x >= y 꼴에서 x가 y보다 크거나 같은가의 여부
        - 이하(<=)      : x <= y 꼴에서 x가 y보다 작거나 같은가의 여부

    산술 연산자


        - 더하기(+)     : x + y 꼴에서 x와 y를 더한 값. 단, 피연산자 중 하나 이상이 문자열일 경우 문자열 합치기 수행
        - 빼기(-)       : x - y 꼴에서 x에서 y를 뺀 값.
        - 곱하기(*)     : x * y 꼴에서 x와 y를 곱한 값
        - 나누기(/)     : x / y 꼴에서 x를 y로 나눈 몫, 소수자리까지 나눔, 10 / 3 = 3.3으로 나옴
        - 나머지(%)     : x % y 꼴에서 x를 y로 나눈 나머지
        - 거듭제곱(**)  : x ** y 꼴에서 x의 y제곱(x^y)이다.
        - 단항 양수(+)  : +x 꼴에서 변수 x의 부호를 강조하거나, x의 타입이 number가 아닐 때 number로의 형 변환을 시도하게 한다.
        - 단항 음수(-)  : -x 꼴에서 변수 x의 부호를 반전.


        - 증가(++)
            전위 증가   : ++x 꼴에서 구문 실행 전 x에 1을 더한다.
            후위 증가   : ++x 꼴에서 구문 실행 후 x에 1을 더한다.


        - 감소(--)
            전위 감소   : ++x 꼴에서 구문 실행 전 x에 1을 뺀다.
            후위 감소   : ++x 꼴에서 구문 실행 후 x에 1을 뺀다.

    논리 연산자


        - 논리 AND(&&)      : x && y 꼴에서 x와 y 모두 참(true)인가의 여부
        - 논리 OR(||)       : x || y 꼴에서 x와 y중 하나 이상 참(true)인가의 여부
        - 논리 NOT, 부정(!) : !x 꼴에서 x의 논리를 부정(반전)한다.

    삼항 연산자


        - (? :)     : c ? t : f 꼴에서 조건 c가 ㅇ참이면 t, 거짓이면 f 


    기타 연산자


        - typeof    : typeof x 꼴에서 x의 타입인 문자열
        - 옵셔널 체이닝 멤버 접근 연산자(Optional Chaining Member Access Operator, ?.) :
            x?.y 꼴에서 x의 멤버인 y에 접근할 때 x가 널리쉬(Nullish, null 혹은 undefined)라면, 오류를 발생시키는 대신, 전체 undefined로 갈음한다.

        - 널리쉬 병합 연산자(Nullish Coalescing Operator, ??)
            x ?? y 꼴에서 x의 값이 널리쉬(Nullish, null 혹은 undefined를 의미한다)일 때 y값을 대신 사용하고, 그렇지 않다면 x값을 그대로 사용한다

    연산자의 우선순위


        - 연산자 사이에는 연산되는 우선순위가 있으며 아래는 숫자가 작을수록 우선순위가 높다는 의미.(1번이 가장 높은 우선순위)
        1. 멤버, 인자 접근(. , [])
        2. 객체화, 함수 호출, 우선 연산(new, (), ())
        3. 증감, 단항 양수, 단항 음수, 부정, typeof (++, --, +, -, !, typeof)
        4. 거듭 제곱(**)
        5. 곱하기, 나누기, 나머지(*, /, %)
        6. 더하기, 빼기(+, -)
        7. 초과, 미만, 이상, 이하(>, <, >=, <=)
        8. 동등, 부등, 일치, 불일치(==, !=, ===, !==)
        9. 논리 AND(&&)
        10. 논리 OR(||)
        11. 널리쉬 병합 연산자, 삼항 연산자(??, ? :)
        12. 할당, 복합 대입 연산자(=, +=, -=, *=, /=, %=, &&=, ||=, ??= 등)

    728x90
    반응형

    'Front-End > JavaScript' 카테고리의 다른 글

    JavaScript DOM, Window  (0) 2024.02.23
    JavaScript 오브젝트  (0) 2024.02.23
    JavaScript 함수  (0) 2024.02.23
    JavaScript 조건문과 반복문  (0) 2024.02.23
    JavaScript 변수와 상수, 배열  (0) 2024.02.23
Designed by Tistory.