[JavaScript 개념잡기] JavaScript의 연산자

2. JavaScript의 연산자

 

1) 산술대입 연산자

✔ 연산자

프로그램에서 데이터를 처리하여 결과를 산출할 목적으로 사용되는 문자

• 연산의 대상 값: 피연산자
• 피 연산자의 개수에 따라 단항, 이항, 삼항 연산자로 나뉨

✔ 연산자 우선순위

순위가 높을 수록(내림차순) 우선 실행됨

[연산자 우선순위](https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Operator_Precedence)

 

✔ 산술 연산자

수학적 계산을 위해 제공하는 연산자

// 덧셈 연산자 +
console.log(31 + 10);
// 뺄셈 연산자 -
console.log(31 - 10);
// 곱셈 연산자 *
console.log(31 * 10);
// 나눗셈 연산자 /
console.log(31 / 10); // 3.1
console.log(parseInt(31 / 10)); // 3
// 나머지 연산자 %
console.log(31 % 10); // 1
// 거듭제곱 연산자 **
console.log(2 ** 3); // 8

✔ 대입 연산자

계산한 결과를 하나의 변수에 저장하기 위한 연산자

let num1 = 123;
let num2 = 456;
let str1 = "hi";
let str2 = "wo";

let num3, str3;
num3 = num1 + num2;
str3 = str1 + str2;

console.log(num3); // 579
console.log(str3); // hiwo

let num4 = num1 - num2;
console.log(num4); // -333

✔ 복합 대입 연산자

산술 연산자로 피연산자를 계산해 결과값을 한 번에 대입시켜주는 연산자

// 대입 연산자: =
let num = 10;

let result1, result2, result3, result4, result5;
result1 = result2 = result3 = result4 = result5 = 31;

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

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

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

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

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

✔ 증가, 감소 연산자

숫자 1만큼 증가, 감소 시킬 때 사용되는 연산자

  let num, result;

  num = 10;
  result = num++; // 이후 업데이트 됨
  console.log(result); // 10
  console.log(num); // 11; 업데이트 된 값이 출력

  num = 10;
  result = ++num; // 즉시 업데이트 됨
  console.log(result); // 11
  console.log(num); // 11;

• 증가 연산자
  • ++(피연산자)
  • (피연산자)++

 

  let num, result;

  num = 10;
  result = num--; // 이후 업데이트 됨
  console.log(result); // 10
  console.log(num); // 9; 업데이트 된 값이 출력

  num = 10;
  result = --num; // 즉시 업데이트 됨
  console.log(result); // 9
  console.log(num); // 9;

• 감소 연산자
  • --(피연산자)
  • (피연산자)--

2) 비교논리 연산자

✔ 비교 연산자

좌항과 우항의 피연산자를 비교한 뒤 결과값을 논리적 자료형으로 반환하는 연산자

• == : 동등 비교 연산자, 단순 값의 같음을 비교
• === : 일치 비교 연산자, 자료형까지 같음을 비교

✔ 논리 연산자

좌항과 우항의 피연산자 간 논리값을 연산하여 Boolean을 결과로 얻는 연산자

• a || b : OR, a가 b보다 크면 true 아니면 false
• a && b : AND, a가 b보다 작으면 true 아니면 false
• !a : NOT, a가 b보다 크거나 같으면 true 아니면 false