본문 바로가기
JAVASCRIPT

JAVASCRIPT | 연산자

by 코딩하자9 2022. 7. 20.
728x90

자바스크립트 연산자

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


산술 연산자

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

종류 설명
+ 더하기 연산을 할 때 사용합니다.
문자와 문자, 문자와 변수 등을 연결할 때 사용합니다.
var subject = 'css';
var score = 100;
console.log(subject + '과목 성적은' + score); // css과목 성적은 100
- 빼기 연산을 할 때 사용합니다.
* 곱하기 연산을 할 때 사용합니다.
/ 몫을 구할 때 사용합니다.
% 나머지를 구할 때 사용합니다.
// var dividend = 0;
// var dividend = 1;
// var dividend = 2;
// var dividend = 3;
// var dividend = 4;
// var dividend = 5;
var remainder = dividend % 3;
console.log(remainder); // 0, 1, 2, 0, 1, 2
'반복적인 숫자 구간의 패턴', 조건문을 이용한 '배수 판단' 등의 식을 만드는데도 사용합니다.
// var dividend = 3;
// var dividend = 6;
// var dividend = 9;
var remainder = dividend % 3;
var comment;
if (remainder === 0) { // 나머지가 0이면 comment = '3의 배수';}
console.log(comment); // 3의 배수
++ 1씩 증가시킬 때 사용합니다.
-- 1씩 감소시킬 때 사용합니다.


대입 연산자

대입 연산자를 변수에 값을 대입할 때 사용하는 연산자로 기본적으로 오른쪽 값을 왼쪽에 대입합니다.

종류 설명
= num = 1은 우변의 1값을 좌변의 num 변수에 대입(저장)합니다.
+= num += 2는 num = num + 2와 같습니다.
var str = '자바스크립트';
var str += '제이쿼리'; // str = '자바스크립트' + '제이쿼리'
console.log(str); // 자바스크립트 제이쿼리
-= num -= 2는 num = num - 2와 같습니다.
*= num *= 2는 num = num * 2와 같습니다.
/= num /= 2는 num = num / 2와 같습니다.
%= num %= 2는 num = num % 2와 같습니다.

비교 연산자

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

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

논리 연산자

논리 연산자(logical operator)는 연산식의 조합이 참이냐 거짓이냐의 판단이 필요한 경우 사용하는 연산자 입니다.

종류 설명
&& (AND연산자) a && b, a와 b 모두 true일 때 true가 됩니다.
true && true = true     true && false = false
false && true = false   false && false = false
부등식 표현 또한 가능합니다.
x > 20 && x < 30; // 20초과 30미만
x >= 20 && x <= 30; // str = 20이상 30이하
|| (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로 바꾸어 줍니다.

'JAVASCRIPT' 카테고리의 다른 글

JAVASCRIPT | 함수  (8) 2022.07.26
JAVASCRIPT | 데이터 타입  (10) 2022.07.26
JAVASCRIPT | 조건문이란?  (8) 2022.07.26
JAVASCRIPT | 반복문이란?  (6) 2022.07.26
JAVASCRIPT | 기본 규칙  (15) 2022.07.20

댓글


It's cording time

코딩 여기서 정리하고 배워보자구 :9

광고 준비중입니다.