ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • [JavaScript] 자바스크립트 연산자(Operators) 이해하기 - 1
    프로그래밍 이야기/JavaScript 공부 2020. 4. 18. 23:41

    연산자? 피연산자?

    수학 시간에 연산을 할 때도 마찬가지였지만, 컴퓨터를 이용해서 코드를 통해 연산을 할 때도
    연산의 방식을 결정하는 기호'연산자'라고 부르고 연산되는 대상'피연산자'라고 한다.

    우리에게 가장 익숙한 +, -, *, / 이 가장 대표적인 예라고 볼 수 있다.

     

    연산자의 종류

    자바스크립트에는 굉장히 다양하고 많은 연산자가 있다.

    그래서 몇 가지 기준에 따라 연산자의 종류가 분류되는데

    가장 먼저 연산에 필요한 피연산자의 갯수를 기준으로

    단항 연산자, 이항 연산자, 삼항 연산자 3가지가 있다.

     

    단항 연산자

    구체적인 연산자들에 대해서는 따로 설명하고 각 연산자들에 대한 개략적인 설명만 하자면

    먼저, 단항 연산자는 말 그대로 아래와 같이 연산자가 하나인 연산에 사용되는 연산자이다.

    대표적으로 증.감소 연산자

    데이터 타입을 확인하는 typeof연산자

    그리고 객체의 프로퍼티를 삭제할 때 언급했던 delete연산자가 있다

    // 연산자 피연산자 또는 피연산자 연산자
    x++
    --x

     

    이항 연산자

    그리고 이항 연산자는 피연산자가 두 개인 연산에 사용되는 연산자로, 아래와 같이 덧셈, 뺄셈, 곱셈, 나눗셈뿐만 아니라 일반적으로 우리가 가장 흔하게 볼 수 있는 형태를 가진 연산자이다.

    // 피연산자1 연산자 피연산자2
    x + 1
    x - 2
    y * 3
    4 / 5
    6 > 7
    8 < 9

     

    삼항 연산자

    마지막, 삼항 연산자도 역시나 예상할 수 있듯 피연산자가 세 개인 연산자이다.

    이 삼항연산자가 조금 독특한 연산자인데

    간혹 처음 이 연산자를 떠올릴 때 피연산자가 3개라고 해서

    3 + 2 - 4와 같은 식을 떠올리는 지나친 오해를 할 가능성이 있다;;

     

    그러나 앞에서 연산에 필요한 피연산자의 갯수라고 언급했듯이

    혹시라도 그런 오해를 했다면 생각의 순서를 조금 뒤집을 필요가 있다.

    피연산자가 3개가 등장하는 연산에 사용되는 연산자가 아니라,

    피연산자가 3개가 반드시 있어야만 연산이 성립되는 연산자인 것이다.

     

    삼항 연산자는 3개의 피연산자를 사용하는 유일한 연산자로 아래와 같은 형태를 한다.

    // 피연산자1 연산자1 피연산자2 연산자2 피연산자3

    여기서 연산자1과 연산자2가 한 쌍으로서 삼항 연산자인 것이다.

    위 형태를 목적에 맞게 조금 더 구체적으로 바꾸면 아래와 같이 바꿀 수 있다.

    // 조건 ? 값1 : 값2

    삼항 연산자는 이렇게 어떤 조건에 의해 그 값이 참일 경우 값1을 값으로, 반대로 조건이 거짓일 경우 값2를 값으로 갖는 형태의 연산자다.

    어떤 값을 결정할 때 특정한 조건에 따라 다른 결괏값을 가질 때 사용하는 연산자라고 해서 조건 연산자라고도 부른다.

    이제 실제로 적용 가능한 코드의 예시로 살펴보면 아래와 같이 사용할 수 있다.

    let score = 85;
    let result = (score >= 80) ? "Pass" : "Fail"; 
    
    console.log(result); // Pass

     

    조금 억지스러울 수 있는 예시지만,

    score변수에 숫자 80을 담고, result변수에 담을 값을 결정할 때 삼항 연산자를 사용한 예시다. 
    삼항연산자를 사용해서 결과적으로 result변수의 값
    score의 값이 80 이상인지를 판단하는 조건에 따라

    조건의 결과가 참일 경우 값1에 해당하는 Pass라는 문자열 값을,

    거짓일 경우 값2에 해당하는 Fail이라는 문자열 값을 갖게 되는 것이다.

     

    어떤 조건에 따라서 값이 변하는 연산이기 때문에 위 예시에서 활용한 변수보다는

    이후에 정리하게 될 함수에서 조금 더 실력을 발휘하는(?) 연산자이다.

     

    이 외 연산자는 다음에 이어서..

    이렇게 피연산자의 숫자에 따라 구분되는 연산자 외에도
    자바스크립트에서 사용하는 연산자는 그 연산 목적에 따라

    - 할당 연산자

    - 비교 연산자

    - 산술 연산자

    - 비트 연산자

    - 논리 연산자

    - 문자열 연산자

    - 쉼표 연산자

    - 관계 연산자

    이렇게 정말 많은, 다양한 연산자 종류가 존재한다.

    하지만 실제로 이 연산자의 종류를 구구절절 하나하나 다 외우는 것은 중요하지도 않을뿐더러

    프로그래밍을 하다 보면 자연스럽게 이해되기도 하고,

    때로는 전혀 사용하지 않거나, 사용을 권하지 않는 경우도 있다.

     

    그렇기 때문에 오늘 여기까지 정리하고

    연산 목적에 따라 사용되는 연산자는

    자주 사용되는 연산자만 선택적으로 추려내서

    다음에 이어서 정리해보자.

    댓글

Designed by BigTop.