Dev/Front-End

[JavaScript] JavaScript 기초 (2)

해피한개발자 2022. 1. 14. 03:07

2. 연산자

산술연산자

산술연산자는 사칙연산과 같은 작업을 한다.

  • +  :  덧셈
  • -  :  뺄셈
  • *  :  곱셈
  • /  :  나눗셈

대입연산자

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

let a = 1;
a += 3;
a -= 3;
a *= 3;
a /= 3;

논리연산자

논리연산자는 boolean 타입(true/false)를 위한 연산자이다. 

  • !  :  NOT
const a = !true;
-> 결과) a=false

const b = !false;
-> 결과) b=true
  • &&  :  AND
const a = true && true;
-> 결과) a=true

let f = false && false;
f = false && true;
f = true && false;
-> 결과) f=false

 

  • ||  :  OR
let t = true || false;
t = false || true;
t = true || true;
-> 결과) t=true

let f = false || false;
-> 결과) f=false

연산순서는 NOT -> AND -> OR순이다.

const value = !((true && false) || (true && false) || !false);

1) NOT처리
const value = !((true && false) || (true && false) || true);
2) AND처리
const value = !(false || false || true);
3) OR처리
const value = !true;

-> 결과) value = false

비교연산자

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

  • ===  :  두값이 일치하는지 확인
const a = 1;
const b = 1;
const equals = a === b;
console.log(equals);

-> 결과) true
  • ==  :  두 값이 일치하는지 확인(type은 검사x)

 

const a = 1;
const b = 1;
const equals = a == b;
console.log(equals);
-> 결과) ture

const a = 1;
const b = '1';
const equals = a == b;
console.log(equals);
-> 결과) true

const a = 0;
const b = false;
const equals = a == b;
console.log(equals);
-> 결과) true

const a = null;
const b = undefined;
const equals = a == b;
console.log(equals);
-> 결과) true​
  • !==  :  두 값이 일치하지 않는지 확인
const value = 'a' !== 'b';
-> 결과) true
  • !=  : 두 값이 일치하지 않는지 확인(type검사 x) 
console.log(1 != '1');
-> 결과) false

console.log(1 !== '1');
-> 결과) true
  • 크고작음
const a = 10;
const b = 15;
const c = 15;

console.log(a < b); // true
console.log(b > a); // true
console.log(b >= c); // true
console.log(a <= c); // true
console.log(b < c); // false;
  • 문자열 붙이기

두 문자열을 붙일 때에는 '+'로 붙이기 가능하다.

const a = '안녕';
const b = '하세요';
console.log(a + b); // 안녕하세요

 

참고 출처: https://learnjs.vlpt.us/basics/06-object.html

'Dev > Front-End' 카테고리의 다른 글

[react-query] react-query 사용이유, 장점  (0) 2022.05.17
[Recoil] Recoil 시작하기  (0) 2022.01.30
[Recoil] Recoil의 동기 및 주요개념  (0) 2022.01.30
[JavaScript] JavaScript 기초 (1)  (0) 2022.01.14