JavaScript- 연산자

※ 강의를 듣고 제가 이해한 것을 바탕으로 정리한 것이라서 오류가 있을 수 있습니다.

1. 산술 연산자

 

+ : 덧셈

- : 뺄셈

* : 곱셈

/ : 나눗셈

 

2. 대입 연산자

대입 연산자는 특정 값에 연산을 한 값을 바로 설정 할 때 사용 할 수 있는 연산자 이다.

 

let a = 1;
a += 4;  // a에 4를 더한다.

console.log(a);

let b = 5;
b -= 3; // b에 3을 뺀다

console.log(b);

let c = 6;
c *= 2; // 6에 2를 곱한다.

console.log(c);

let d = 7;
d /= 7; // 7을 7로 나눈다.

console.log(d);

 

실행 결과

 

 

3. 논리 연산자

논리 연산자는, 블리언 타입 (true 혹은 false)를 위한 연산자이다.

 

1) NOT

NOT 연산자는 true 는 false 로, false 는 true 로 바꿔준다.

 

const a = !true;
console.log(a);

const b = !false;
console.log(b);

NOT 연산자는 !를 사용한다.

출력 결과

반대로 출력되는 것을 볼수있다.

 

2) AND

AND 연산자는 양쪽의 값이 둘 다 true 일때만 결과물이 true로 나온다.

AND 연산자는 &&를 사용한다.

 

const a = true && true;
console.log(a);

 

실행 결과

 

다음과 같은 상황엔 모두 false 이다.

let f = false && false;
console.log(f);

f = false && true;
console.log(f);

f = true && false;
console.log(f);

실행 결과

3) OR

OR 연산자는 양쪽의 값 중 하나라도 true 라면 결과물이 true 이다.

그리고, 두 값이 둘 다 false 일 때에만 false 이다.

OR 연산자는 ||를 사용한다.

 

다음과 같은 상황엔 모두 true 이다.

let t = true || false;
console.log(t);

t = false || true;
console.log(t);

t = true || true;
console.log(t);

 

실행 결과

 

반면에 다음과 같은 상황은 false 이다.

let f = false || false;
console.log(f);

 

실행 결과

 

 

4) 논리 연산자의 연산 순서

사칙연산을 할 때 곱셈 나눗셈이 먼저고 그 다음이 덧셈 뺄셈인 것 처럼, 논리 연산자도 순서가 있다.

순서는 NOT -> AND -> OR 이다. (논리 연산자들이 함께 사용 되었을때)

 

 

 

4. 비교 연산자

비교 연산자는 두 값을 비교 할 때 사용한다.

 

1) 두 값이 일치하는지 확인

const a = 1;
const b = 1;
const equals = a === b;
console.log(equals);

 

실행 결과

=== 는 두 값이 일치하는지 확인할때 사용한다.

일치하면 true, 일치하지 않으면 false로 출력 된다.

 

= 2개로도 일치하는지 비교 할 수 있는데 =가 3개일때와 차이점은 데이터 타입을 검사하지 않는다는 것이다.

그러므로 ===를 사용하는 것을 권장한다.

const a = 1;
const b = '1'; // 데이터 타입은 문자이지만 타입 검사를 하지 않아서 같은걸로 취급
const equals = a == b;
console.log(equals);

실행 결과

 

2) 두 값이 일치하지 않는지 확인

두 값이 일치하지 않는지 확인 할 때에는 !== 를 사용하면 된다.

 

const a = 1;
const b = 2;

const equal = a !== b;

console.log(equal);

실행 결과

 

!= 를 사용하면 데이터 타입 검사를 하지 않는다.

const a = 1;
const b = '1';

const equal = a != b;

console.log(equal);

실행 결과

 

 

3) 크고 작음

const a = 10;
const b = 15;
const c = 15;

console.log(a < b); // a가 b보다 작은가?
console.log(b > a); // b가 a보다 큰가?
console.log(b >= c); // b가 c보다 크거나 같은가? (이상)
console.log(a <= c); // a가 c보다 작거나 같은가? (이하)

실행 결과