Grit

자바스크립트의 기본연산 본문

IT/자바스크립트

자바스크립트의 기본연산

dongoori 2024. 1. 27. 15:37

자바스크립트에서 사용되는 기본 연산자는 다양한 종류가 있으며, 각각 특정한 연산을 수행합니다. 그 종류에는 산술 연산자, 증감 연산자, 할당 연산자, 비교 연산자, 논리 연산자, 삼항 연산자, 그리고 기타 연산자로 나눌 수 있습니다. 

산술 연산자

산술 연산자는 수학적 계산을 위해 사용됩니다.

  • + : 덧셈
  • - : 뺄셈
  • * : 곱셈
  • / : 나눗셈
  • % : 나머지
  • ** : 지수 (변수의 값을 제곱)
let a = 10;
let b = 5;
let result;

result = a + b; // 15
result = a - b; // 5
result = a * b; // 50
result = a / b; // 2
result = a % b; // 0

증감연산자

반복해서 숫자 변수의 값을 더하거나 빼고 싶을 때 사용됩니다.

  • ++ : 증가 연산자 (변수의 값을 1 증가시킴)
  • -- : 감소 연산자 (변수의 값을 1 감소시킴)
// a = 10, b = 5

a++ // a는 11
b-- // b는 4

할당 연산자 (대입 연산자)

할당 연산자는 값이나 연산의 결과를 변수에 할당하는 데 사용됩니다.

  • = : 기본 할당 연산자
  • += : 덧셈 후 할당
  • -= : 뺄셈 후 할당
  • *= : 곱셈 후 할당
  • /= : 나눗셈 후 할당
  • %= : 나머지 연산 후 할당
let a = 10; // a에 10을 할당
a += 5 // a = a + 5와 동일 (a는 15)
a -= 5 // a = a - 5와 동일 (a는 5)
a *= 5 // a = a * 5와 동일 (a는 50)
a /= 5 // a = a / 5와 동일 (a는 2)
a %= 5 // a = a % 5와 동일 (a는 0)

비교 연산자

비교 연산자는 두 값을 비교하는 데 사용됩니다.

  • == : 동등 비교 (값이 같은지 확인, 타입 변환 수행)
  • === : 일치 비교 (값과 타입이 모두 같은지 확인)
  • != : 부등 비교
  • !== : 불일치 비교
  • > : 크다
  • < : 작다
  • >= : 크거나 같다
  • <= : 작거나 같다
let a = 10;
let b = 5;
let result;

result = a == b; // false
result = a === b; // false
result = a != b; // true
result = a !== b; // true
result = a > b; // true
result = a < b; // false
result = a >= b; // true
result = a <= b; // false

논리 연산자

논리 연산자는 불리언 값들을 조합하는 데 사용됩니다.

  • && : 논리적 AND
  • || : 논리적 OR
  • ! : 논리적 NOT
let a = 10;
let b = 5;
let result;

result = (a > b) && (a > 0); // true
result = (a > b) || (a < 0); // true
result = !(a > b); // false

삼항연산자

자바스크립트에서 세 개의 피연산자를 받는 유일한 연산자로 주로 if문을 간단하게 표현하고 싶을 때 사용한다.

// 조건 ? 값1 : 값2

let age = 20;
let beverage = (age >= 20) ? "Beer" : "Juice"; // 20살 이상(조건)이면 맥주(값1) 아니면 주스(값2)
console.log(beverage); // "Beer"

기타 연산자

  • typeof : 피연산자의 데이터 타입을 문자열로 반환
  • ? : : 조건 연산자 (삼항 연산자)
let a = 10;
let b = 5;
let result;

result = typeof a; // "number"
result = (a > b) ? "a win" : "b win"; // "a win"