Tiny Star

🖥️FrontEnd/🟡JavaScript

[JavaScript] 연산자

청크 2023. 5. 12. 20:17

연산자(operator)란?

프로그래밍에서 '연산'은 새로운 문자열을 만들거나 값의 크기를 비교하는 등의 여러 가지 동작을 의미한다.

이런 연산의 특정한 동작을 지시하는 기호가 연산자다.

 

산술 연산자

산술 연산자는 수학 계산을 할 때 사용하는 연산자로 우리에게 익숙하다.

연산자의 왼쪽 또는 오른쪽에 있는 연산 대상을 '피연산자'라고 하며, 피연산자는 숫자 또는 변수를 작성한다.

 

산술 연산자의 종류

+ : 두 피연산자의 값을 더함 (c = a + b)

- : 첫 번째 피연산자 값에서 두번째 피연산자의 값을 뺌 (c = a - b)

* : 두 피연산자의 값을 곱함 (c = a * b)

/ : 첫 번째 피연산자 값을 두 번째 피연산자 값으로 나눔 (c = a / b)

% : 첫 번째 피연산자 값을 두 번째 피연산자 값으로 나눈 나머지를 구함 (c = a % b)

++ : 피연산자를 1 증가시킴 (a++)

-- : 피연산자를 1 감소시킴 (b--)

 

나누기 연산자(/)와 나머지 연산자(%)는 혼동하기 쉬운데,

나누기 연산자의 결과값은 나눈 값 그 자체이고, 나머지 연산자의 결괏값은 나눈 후 남은 나머지 값이 된다.

 

더하기 연산자(+)는 연결 연산자로도 쓰인다.

두개 이상의 문자열을 합쳐서 하나의 문자열로 만드는 연산자이며, 문자열끼리 연결한다고 하여 문자열 연산자라고도 불린다.

 

할당 연산자

할당 연산자는 연산자(또는 연산식) 오른쪽의 실행 결과를 왼쪽 변수에 할당하는 연산자로 대입 연산자라고도 한다.

 

할당 연산자의 종류

= : 연산자 오른쪽의 값을 왼쪽 변수에 할당

+= : 'y += x'의 형태로 작성하며 y = y + x 를 의미

-= : 'y -= x'의 형태로 작성하며 y = y - x 를 의미

*= : 'y *= x'의 형태로 작성하며 y = y * x 를 의미

/= : 'y /= x'의 형태로 작성하며 y = y / x 를 의미

%= : 'y %= x'의 형태로 작성하며 y = y % x 를 의미

할당 연산자의 '=' 기호는 우리가 원래 알고 있던 등호의 의미가 아닌 오른쪽의 결과를 왼쪽에 대입하는 의미로 사용되니 유의해야 한다.

 

비교 연산자

피연산자의 2개 값을 비교하여 참이나 거짓으로 결괏값을 반환하는 연산자이다.

주로 두 값을 비교하기 때문에 어떤 조건을 체크할 때 사용된다.

 

비교 연산자의 종류

== : 피연산자가 서로 같으면 true(조건식 : 3 == "3" -> 결과값 true)

=== : 피연산자도 같고 자료형도 같으면 true (조건식 : a === "3" -> 결과값 false)

!= : 피연산자가 서로 같지 않으면 true (조건식 : 3 != "3" -> 결과값 false)

!== : 피연산자가 같지 않거나 자료형이 같지 않으면 true (조건식 : 3 !== "3" -> 결과값 true)

< : 왼쪽 피연자가 오른쪽 피연산자보다 작으면 true (조건식 : 3 < 4 -> 결과값 true)

<= : 왼쪽 피연자가 오른쪽 피연산자보다 작거나 같으면 true (조건식 : 3 <= 4 -> 결과값 true)

> : 왼쪽 피연자가 오른쪽 피연산자보다 크면 true (조건식 : 3 > 4 -> 결과값 false)

>= : 왼쪽 피연자가 오른쪽 피연산자보다 크거 같으면 true (조건식 : 3 >= 4 -> 결과값 false)

 

 

==,!= 연산자의 경우 피연산자의 자료형을 자동으로 변환하여 비교하지만, ===,!== 연산자의 경우는 피연산자의 자료형을 자동 변환하지 않는다.

프로그램에서 값을 비교할 때는 자료형을 자동으로 변환하지 않기 위해 후자에 나온 연산자를 더욱 많이 사용한다.

// ==, != 연산자를 사용했을 경우
 1 == "1" // true
 1 != "1" // false
 
// ===, !== 연산자를 사용했을 경우
 1 === "1" // false
 1 !== "1" // true

 

문자열의 비교

비교 연산자는 숫자뿐만 아니라 문자열도 서로 비교할 수 있다.

피연산자가 문자열이라면 문자들의 아스키값을 비교해서 결정한다.

 

아래 아스키값을 정리한 '아스키코드 테이블'을 볼 수 있는 사이트를 참고하면 좋다.

 

 

The complete table of ASCII characters, codes, symbols and signs, American Standard Code for Information Interchange, The comple

Brief History of ASCII code: The American Standard Code for Information Interchange, or ASCII code, was created in 1963 by the "American Standards Association" Committee or "ASA", the agency changed its name in 1969 by "American National Standards Institut

theasciicode.com.ar

 

논리 연산자

불리언(boolean) 연산자라고도 하며 참(true) 또는 거짓(flase)을 처리하는 연산자이다.즉, true, flase 자체가 피연산자인 연산자이며, 주로 프로그램에서 조건을 체크할 때 사용한다.

 

논리 연산자의 종류

||(OR연산자) : 피연산자 중 하나만 true여도 true

&&(AND연산자) : 피연산자 모두 true일 경우만 true

!(NOT연산자) : 피연산자의 반댓값을 지정

 

'🖥️FrontEnd > 🟡JavaScript' 카테고리의 다른 글

[JavaScript] 반복문  (0) 2023.05.13
[JavaScript] 조건문  (0) 2023.05.12
[JavaScript] 자료형 이해하기  (0) 2023.05.12
[JavaScript] 변수  (0) 2023.05.11
[JavaScript] 자바스크립트의 기본 언어  (0) 2023.05.11