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 |
댓글