[JavaScript] 자바스크립트 연산자

[JavaScript] 연산자

자바스크립트 연산자는 다음과 같다.

 

 

1. 대입연산자

let a = 1;
let b = 2;

 

 

2. 산술연산자

let a = 1;
let b = 2;

console.log(a + b); // 더하기
console.log(a * b); // 곱하기
console.log(a - b); // 빼기
console.log(a / b); // 나누기
console.log(a % b); // 나눈 나머지

>>> 3
>>> 2
>>> -1
>>> 0.5
>>> 1

 

 

3. 연결연산 - 두개의 문자열을 이어서 붙이는 것

문자열과 숫자열을 더하면 숫자열을 문자열로 바꿔서 연결연산이 일어난다.

let c = "2";
let d = "4";
console.log(c + d);

>>> 24
// 문자열 24가 출력

 

 

4. 복합연산자

let e = 5;
e = e + 10;
// 위의 코드를 아래와 같이 줄여서 쓴다.
e += 10;
e -= 10;
e *= 10;
e /= 10;

 

 

5. 증감연산자

증감연산자는 숫자열에서만 사용할 수 있다. 증감연산자는 변수의 앞 뒤에 붙일 수 있다.

let f = 10;
f++; // 증감연산자를 뒤에 붙였다.
console.log(f);

>>> 11

 

증감연산자가 앞에 붙냐(전위 연산), 뒤에 붙냐(후위 연산)에 따라 값이 달라질 수 있다.

let f = 10;
console.log(++f); // 전위 연산

>>> 11


console.log(f++); // 후위 연산, 10이 출력된 후에 증가된다.

>>> 10

console.log(f) // 후위 연산 후에 증가된 11이 출력된다.

>>> 11

 

 

6. 논리연산자

논리연산자는 boolean 자료형을 위한 연산자이다.

console.log(!true); // !는 not을 의미
console.log(true && true); // true AND true, 둘다 true일 경우 true.
console.log(true || false); // true OR false, 둘 중 하나가 true면 true.

 

 

7. 비교연산자

 

비교연산자에서 주의할 사항은 다음과 같다.

 

   1. == 비교 연산은 값만 비교, === 비교 연산은 타입까지 비교한다.

 

   2. 같지 않냐는 != 또는 !==를 사용한다.

 

   3. == 보다는 ===을 쓰자! 안전하다.

let compareA = 1 === "1";
console.log(compareA);

>>> false

let compareA = 1 == "1";
console.log(compareA);

>>> true

let compareA = 1 <= 2;
console.log(compareA);

>>> true

 

 

8. Null 병합연산자 ??

let a;
a = a ?? 10; //두 비교대상중에 null이나 undefine이 있으면 그것을 제외한 나머지를 선택.
console.log(a);

>>> 10