자바스크립트 연산자

연산자의 종류는 크게 ( +, -, *, /, %)등이 있다.

 

1. 더하기 연산자 +

 

console.log(1 + 1);

console.log(1 + "1");

 

출력은 1, 11이 출력된다.

11이 나온 이유는 저번에 배웠듯이

더하기 연산자는 형 변환 시 문자열이 우선시 되기 때문이다.

 

2. 빼기 연산자 -

 

console.log(1 - "2");

console.log(1 -2);

 

둘 다 값은 -1이 출력된다.

- 연산자는 형 변환이 숫자가 우선시되기 때문

 

3. 곱하기 연산자 *

 

console.log(1 * 2);

console.log("1" * 2);

 

출력은 둘 다 2

 

4. 나누기 연산자 /

 

console.log(6 / 3);

console.log("6" / 3);

 

출력은 둘 다 2

 

5. 나누기 연산자 / vs 나머지 연산자 %

 

console.log(5 / 2);

console.log( 5 % 2);

출력은 2.5와 1로 나뉜다

말 그대로 나누기와 나머지 출력의 차이이다.

 

6. 할당 연산자

 

6-1. 등호 연산자 =

변수에 값을 할당했을 때 = 사용

 

let a = 5;

 

6-2. 더하기 등호 연산자 +=

 

a += 5;

 

a = a +5;와 동일한 의미

출력값은 10

 

6-3. 빼기 등호 연산자 -=

 

a -= 5;

 

a = a -5;와 동일한 의미

출력값은 5

 

6-4 곱하기 등호 연산자 *=

 

let b = 10;

b *=2;

 

b = b * 2;와 동일한 의미

 

7. 비교 연산자(true또는 false를 반환하는 연산자)

 

7-1. 일치 연산자 ===

 

타입까지 일치해야 true를 반환하는 연산자

문자와 숫자를 비교를 하면 타입형태가 다르니까 false 반환

 

7-2. 불일치 연산자 !==

 

타입까지 일치해야 false를 반환하는 연산자

문자와 숫자를 비교를 하면 타입형태가 다르니까 true 반환

 

7-3. 작다 연산자 <

 

<사용 시 미만

<=사용 시 이하

크다 연산자 >= 도 동일하게 사용

 

7-4. 논리 연산자

 

7-4-1. 논리곱 연산자 &&

 

and와 같은 의미

둘 다 true여야 true를 반환

 

7-4-2. 논리합 연산자 ||

 

or과 같은 의미

둘 중 하나라도 true가 있으면 true를 반환

 

7-4-3. 논리부정 연산자 !

 

값을 반대로 반환

 

7-5. 삼항 연산자(중요!)

 

조건에 따라 값을 선택한다.

let a = 10;

let result = ( a > 5) ? "크다" : "작다";

console.log(result);

 

조건이 : 기준으로 true면 왼쪽 반환

false면 오른쪽 반환 

 

예제를 한번 만들어보자.

x값이 10보다 작으면 작다를 출력하고 크면 크다를 출력하는 예제

 

let x = 15;

let answer = x <10 ? "작다" : "크다";

console.log(answer);

 

이렇게 작성하면 크다라고 출력이 된다.

 

7-6. 타입연산자 typeof

 

전에도 많이 해봤듯이 typeof 뒤에 값의 형태를 반환해 준다.