EverGiver

연산자 본문

Front-End (웹)/자바스크립트

연산자

친절한개발초보자 2022. 1. 16. 14:59
728x90
산술 연산자

 

수학 계산을 사용할 때 사용하는 연산자

  • 피연산자 : 연산 대상
  • 연산자 : 피연사를 제외한 부분
종류 설명
+ 두 연산자의 값을 더한다.
- 첫 번째 피연산자의 깂에서 두 번째 피연산자의 값을 뺀다.
* 두 피연산자의 값을 곱한다.
/ 첫 번째 피연산자 값을 두 번째 피연산자 값으로 나눈다.
% 첫 번째 피연산자 값을 두 번째 피연산자 값으로 나눈 나머지를 구한다.
++ 피연산자를 1 증가시킨다.
-- 피연산자를 1 감소시킨다.

 

할당 연산자

 

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

  • 변수에 값을 할당하거나 연산식의 결과를 변수에 저장할 때 할당 연산자를 사용한다.
  • 자바스크립트에서는 할당 연산자와 산술 연산자를 합쳐서 하나의 할당 연산자로 표시할 수 있다.
종류 설명
= 연산자 오른쪽의 값을 왼쪽 변수에 할당하낟.
+= y = y + x를 의미한다.
-= y = y - x를 의미한다.
*= y = y * x를 의미한다.
/= y = y / x를 의미한다.
%= y = y % x를 의미한다.

 

연결 연산자

 

둘 이상의 문자열을 합쳐서 하나의 문자열로 만드는 연산자

  • 연산자 기호로 사칙 연산자의 더하기 연산자와 똑같은 '+' 기호를 사용한다.
  • 연결 연산자는 문자열끼리 연결한다고 해서 문자열 연산자라고도 한다.
    document.write(birthYear + '년에 태어난 사람의 나이는 ' + age + '세입니다.');​

 

비교 연산자

 

피연산저 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
  • ==. != 연산자와 ===, !== 연산자 비교
    ▷ ==. != 연산자는 피연산자의 자료형을 자동으로 변환해서 비교한다.
    ▷ ===, !== 연산자는 피연산자의 자료형을 변환하지 않는다.
    ▷ 프로그램에서 값을 비교할 때는 자료형을 자동으로 변환하지 않기 위해 === 연산자와 !== 연산자를 더 많이 사용한다.
  • 문자열의 비교
    - 비교 연산자는 숫자뿐만 아니라 문자열도 서로 비교할 수 있다.
    - 문자열은 문자들의 아스키(ASCII)값을 비교해서 결정한다.

 

논리 연산자

 

불리언(boolean) 연산자라고도 하며 tue, false를 처리하는 연산자이다.

  • true, false 자체가 피연산자인 연산자이다.
  • 논리 연산자는 주로 프로그램에서 조건을 체크할 때 사용한다.
종류 기호 설명
OR 연산자 || 피연산자 중 하나만 true여도 true가 된다.
AND 연산자 && 피연사자 모두 true일 경우에만 true가 된다.
NOT 연산자 ! 피연산자의 반댓값을 지정한다.
728x90

'Front-End (웹) > 자바스크립트' 카테고리의 다른 글

반복문  (0) 2022.01.23
조건문  (0) 2022.01.20
자료형  (0) 2022.01.16
변수  (0) 2022.01.14
자바스크립트 용어와 기본 입출력 방법  (0) 2022.01.13
Comments