산술 연산자(operator) +
-
*
/
%
- 사칙연산 산술 연산자
- 두 문자열 합치기 나머지(remainder) 연산자 (Modulo, Mod)
%
- 숫자가 홀수인지 짝수인지 판단할 때 자주 쓰인다.
- 지수(exponent) 연산자
**
let num1 = 4;
let num2 = 2;
console.log(num1 + num2); // 6
console.log(num1 - num2); // 2
console.log(num1 * num2); // 8
console.log(num1 / num2); // 2
console.log(num1 % num2); // 0
console.log(num1 ** num2); // 16
복합 연산자 +=
-=
*=
/=
산술 연산자와 대입 연산자를 합친 것
let num1 = 2;
let num2 = 3;
num1 += num2; // num1 = num1 + num2
num1 -= num2; // num1 = num1 - num2
num1 *= num2; // num1 = num1 * num2
num1 /= num2; // num1 = num1 / num2
증감 연산자 ++
--
- 변수의 앞에 붙이면 바로 적용되고(전위 연산), 변수의 뒤에 붙이면 후위 연산됨
- 피연산자의 값을 변경하는 부수효과
let num = 5;
console.log(num++); //후위연산 -> 5
console.log(++num); //전위연산 -> 6
console.log(--num); //전위연산 -> 5
console.log(num--); //후위연산 -> 5
console.log(num); //4
논리 연산자 !
&&
||
- 참인지 거짓인지 확인하는 연산자
!
: NOT / true → false, false → true
let isLogin = false;
console.log(!isLogin); // true
console.log(!isLogin); // false
- && : A && B / A, B 둘 다 true 여야 true
let a = true && true; // true
let b = true && false; // false
let c = false && true; // false
let d = false && false; // false
- || : A || B / A, B 둘 중 하나만 true여도 true
let a = true || true; // true
let b = true || false; // true
let c = false || true; // true
let d = false || false; // false
비교 연산자 Comparisons
>
<
>=
<=
- 알 수 없는 데이터를 받았을 때 비교 연산자를 쓰면 유용하다.
- 숫자뿐만 아니라 문자열도 비교할 수 있다.
let a = 1;
let b = 2;
let c = 1;
console.log(a < b); // true
console.log(a > b); // false
console.log(b >= c); // true
console.log(b > c); // true
console.log(a <= c); // true
console.log(a > c); // false
삼중 등호 vs 이중 등호
===
!==
- strict(엄격한) equality operator
- 삼중 등호는 타입을 구분하고 값과 타입을 모두 비교한다.
==
!=
- 이중 등호는 타입을 구분하지 않고 두 값이 같은지 비교한다.
- 두 값이 다른 타입이면 같아지도록 강제로 변환한다. (예상과 다른 결과)
let num1 = 10;
let num2 = "10";
console.log(num1 !== num2); // true
console.log(num1 != num2); // false
💡 항상 삼중 등호를 사용하고, 경우에 따라 이중 등호를 사용하자.
typeof 연산자
- 변수의 현재 자료형이 뭔지 확인하는 연산자
let a = 1;
console.log(typeof a); // number
a = "1";
console.log(typeof a); // string
null 병합 연산자
- 변수에 값이 없다면 대입하고 값이 있다면 그 값을 그대로 사용함
let a;
a = a ?? 10;
console.log(a); //10
'JavaScript' 카테고리의 다른 글
[JS] 배열 (0) | 2022.07.02 |
---|---|
[JS] 조건문 (0) | 2022.07.02 |
[JS] 변수와 상수 (0) | 2022.06.29 |
[JS] 자료형 (0) | 2022.06.29 |
[JS] 자바스크립트란 (0) | 2022.06.29 |
댓글