본문 바로가기
JavaScript

연산자

by 코린이 박원장👶 2022. 7. 20.

자바스크립트 연산자

프로그램에 필요한 수식을 만들 때 필요한 것이 연산자입니다.
자바스크립트 연산자에는 산술연산자, 대입연산자, 비교연산자, 논리연산자 등이 있습니다.


01_ 산술 연산자

산술 연산자는 사칙연산을 다루는 기본적이면서도 가장 많이 사용되는 연산자입니다.

산술 연산자 종류 속성 설명
+ 더하기 연산 시 사용
문자와 문자, 문자와 변수 등을 연결할 때 사용
- 빼기 연산
* 곱하기 연산 시 사용
/ 몫을 구할때 사용
% 나머지 구할때 사용
++ 1씩 증가시킬때 사용
-- 1씩 감소시킬때 사용

02_ 대입 연산자

대입 연산자는 변수에 값을 대입할때 사용하는 이항 연산자입니다.

대입 연산자 종류 설명
= num = 1은 우변의 1값을 좌변의 num 변수에 대입(저장)
+= num += 2는 num = num + 2와 같음
-= num -= 2는 num = num - 2와 같음
*= num *= 2는 num = num * 2와 같음
/= num /= 2는 num = num / 2와 같음
%= num %= 2는 num = num % 2와 같음

'+='는 문자나 변수 등이 오면 기존 데이터 + 새로운 데이터를 연결하여 누적합니다.

var str = "자바스크립트"
var str += ' 제이쿼리'; //str = '자바스크립트' + '제이쿼리'
console.log(str); // 자바스크립트 제이쿼리

03_ 비교 연산자

비교 연산자는 값을 비교하여 결과 값을 논리(Bloolean)값인 'true'나 'false'로 반환합니다.

비교 연산자 종류 설명
> a > b가 참이면 true, 거짓이면 false
< a < b가 참이면 true, 거짓이면 false
>= a >= b가 참이면 true, 거짓이면 false
<= a <= b가 참이면 true, 거짓이면 false
== a == b, a와 b가 같으면 true, 같지 않으면 false
== 연산자의 경우 데이터 타입은 비교하지 않는다.
ex) 5=='5'는 true
!= a != b, a와 b가 같지 않으면 true, 같으면 false
=== a === b, a와 b가 같고 데이터 타입도 같으면 true, 같지 않으면 false
ex) 5==='5'는 false
!== a !== b, a와 b가 같지 않거나 데이터 타입이 같지 않지 않으면 true, 같으면 false

이상, 초과, 이하, 미만 표현

이상 num >= 10, 10이상을 의미
초과 num > 10, 10초과를 의미
이하 num >= 10, 10이하를 의미
미만 num < 10, 10미만을 의미

04_ 논리 연산자

논리 연산자는 논리식을 판단하여, 'ture'와'false'를 반환합니다.
- 이항 연산자 : 두 개의 피연산자를 가지며 결합 방향은 왼쪽에서 오른쪽입니다.(and, or, xor)
- 단항 연산자 : 피연산자가 하나뿐이며 결합 방향은 오른쪽에서 왼쪽입니다. (!)

논리 연산자 종류 설명
&& (AND연산자) a && b, a와 b 모두 true일 때 true
true && true = true
true && false = false
false && true = false
false && false = false
|| (OR연산자) a || b, a와 b 중 하나만 true면 true
true || true = true
true || false = true
false || true = true
false || false = false
! (NOT연산자) !a, a가 ture면 false, false면 true로 바꿔줌

논리 연산자를 이용한 부등식 표현

x > 20 && x < 30; // 20초과 30미만
x >= 20 && x = 30; // 20이상 30이하

728x90

'JavaScript' 카테고리의 다른 글

함수  (12) 2022.07.26
데이터 타입  (9) 2022.07.25
조건문  (10) 2022.07.25
반복문  (15) 2022.07.21
기본 규칙  (16) 2022.07.20

댓글


HTML이미지
HTML이미지

JAVASCRIPT

자세히 보기
HTML이미지