08. 연산자

wonyoung·2023년 5월 19일

JavaScript 기초 문법

목록 보기
8/13
post-thumbnail

연산자


  • 연산자는 프로그램에서 데이터를 처리하여 결과를 산출할 목적으로 사용되는 문자
  • 연산의 대상 값은 피연산자라고 하며, 피 연산자의 개수에 따라 단항/이항/삼항 연산자의 종류 존재

연산자 우선순위


산술 연산자


  • 수학적 계산을 위해 제공하는 연산자
// 덧셈 연산자 : +
console.log(28 + 10); // output: 38
// 뺄셈 연산자 : -
console.log(28 - 10); // output: 18
// 곱셈 연산자 : *
console.log(28 * 10); // output: 280
// 나눗셈 연산자 : /
console.log(28 / 10); // output: 2.8
console.log(parseInt(28 / 10)); // output: 2
// 나머지 연산자 : %
console.log(28 % 10); // output: 8
// 거듭제곱 연산자 : **
console.log(2 ** 3); // output: 8

대입 연산자


  • 계산한 결과를 하나의 변수에 저장하기 위한 연산자
// 대입 연산자: =
let num_1 = 123;
let num_2 = 456;
let str_1 = "hello";
let str_2 = "world!";

let num_3, str_3;
num_3 = num_1 + num_2;
str_3 = str_1 + str_2;

console.log(num_3); // output: 579
console.log(str_3); // output: helloworld!

let num_4 = num_1 - num_2
console.log(num_4); // output: -33

복합 대입 연산자


  • 산술 연산자로 피연산자를 계산해 결과 값을 한번에 대입시켜주는 연산자
// 대입 연산자: =
let num = 10;

let result_1, result_2, result_3, result_4, result_5;
result_1 = result_2 = result_3 = result_4 = result_5 = 31;

// 복합 대입 연산자: +=
result_1 += num;
console.log(result_1); // output: 41

// 복합 대입 연산자: -=
result_2 -= num;
console.log(result_2); // output: 21

// 복합 대입 연산자: *=
result_3 *= num;
console.log(result_3); // output: 310

// 복합 대입 연산자: /=
result_4 /= num;
console.log(result_4); // output: 3.1

// 복합 대입 연산자: %=
result_5 %= num;
console.log(result_5); // output: 1

증가·감소 연산자


  • 숫자 1만큼 증가시키거나 감소시킬 때 사용되는 연산자
  • 증가 연산자: ++(피연산자), (피연산자)++;
  • 감소 연산자: --(피연산자), (피연산자)--;
let num, result;

num = 10;
result = num++;
console.log(result); // output: 10
console.log(num); // output: 11

num = 10;
result = ++num;
console.log(result); // output: 11
console.log(num); // output: 11

num = 10; 
result = num--;
console.log(result); // output: 10
console.log(num); // output: 9

num = 10;
result = --num;
console.log(result); // output: 9
console.log(num); // output: 9

비교 연산자


  • 좌항과 우항의 피연산자를 비교한 다음 결과값을 논리적 자료형으로 반환하는 연산자
  • ==은 단순 값의 같음을 비교하는 동등 비교, ===는 자료형까지 같음을 판단하는 일치 비교 연산자
console.log("Z" > "A"); // output: true
console.log("Hello" < "Hi"); // output: true
console.log("Hello" >= "Helloo"); // output: false
console.log("5" <= 10); // output: true
console.log(true == 1); // output: true
console.log(false != 123); // output: true
console.log(true === 1); // output: false
console.log(false !== 123); // output: true

논리 연산자


  • 좌항과 우항의 피연산자 간 논리 값을 연산하여 참 또는 거짓을 결과로 얻는 연산자
  • 논리 연산자: &&(AND), ||(OR), !(NOT)
console.log(true || false); // output: true
console.log(Boolean(0 || false)); // output: false
console.log(Boolean(123 || false)); // output: true
console.log(Boolean(123 && 0)); // output: false
console.log(Boolean(false && true)); // output: false
console.log(Boolean(true && 3)); // output: true
console.log(Boolean(0 && false)); // output: false
console.log(!false); // output: true
console.log(!123); // output: false
profile
지치지 않는 개발자가 되자!

0개의 댓글