상세 컨텐츠

본문 제목

자바스크립트 연산자

JavaScript

by 헬로제이콥 2024. 11. 20. 12:07

본문

 

 

자바스크립트 연산자: 다양한 값을 조작하는 도구

자바스크립트 연산자는 변수의 값을 계산하고 조작하는 데 사용되는 특수한 기호입니다. 수학 연산, 비교 연산, 논리 연산 등 다양한 종류의 연산자가 있으며, 이들을 적절히 활용하여 복잡한 프로그램 로직을 구현할 수 있습니다.

1. 산술 연산자

  • 덧셈: +
  • 뺄셈: -
  • 곱셈: *
  • 나눗셈: /
  • 나머지: %
JavaScript
let num1 = 10;
let num2 = 5;

let sum = num1 + num2; // 15
let difference = num1 - num2; // 5
let product = num1 * num2; // 50
let quotient = num1 / num2; // 2   
 

let remainder = num1 % num2; // 0
 
 

2. 할당 연산자

  • 단순 할당: =
  • 복합 할당: +=, -=, *=, /=, %=
JavaScript
let x = 10;
x += 5; // x = x + 5; (x는 15가 됨)
 
 

3. 비교 연산자

  • 같음: == (값만 비교), === (값과 타입 모두 비교)
  • 다름: != (값만 비교), !== (값과 타입 모두 비교)
  • 크다: >
  • 작다: <
  • 크거나 같다: >=
  • 작거나 같다: <=
JavaScript
let a = 10;
let b = "10";

console.log(a == b); // true (값만 비교)
console.log(a === b); // false (타입이 다름)
 

4. 논리 연산자

  • 그리고: &&
  • 또는: ||
  • 부정: !
JavaScript
let isTrue = true;
let isFalse = false;

console.log(isTrue && isFalse); // false
console.log(isTrue || isFalse); // true
console.log(!isTrue); // false

5. 문자열 연결 연산자

  • 문자열 연결: +
JavaScript
let firstName = "홍";
let lastName = "길동";
let fullName = firstName + lastName; // 홍길동
코드를 사용할 때는 주의가 필요합니다.
 

6. 증가/감소 연산자

  • 증가: ++ (전위 증가, 후위 증가)
  • 감소: -- (전위 감소, 후위 감소)
JavaScript
let count = 0;
console.log(++count); // 1 (먼저 1 증가 후 출력)
console.log(count++); // 1 (먼저 출력 후 1 증가)
코드를 사용할 때는 주의가 필요합니다.
 

7. 삼항 연산자

JavaScript
let result = condition ? value1 : value2;
코드를 사용할 때는 주의가 필요합니다.
 
  • 설명: condition이 true이면 value1을, false이면 value2를 반환합니다.
JavaScript
let age = 20;
let isAdult = age >= 19 ? "성인" : "미성년";
코드를 사용할 때는 주의가 필요합니다.
 

예제: 간단한 계산기

JavaScript
let num1 = prompt("첫 번째 숫자를 입력하세요:");
let num2 = prompt("두 번째 숫자를 입력하세요:");
let operator = prompt("연산자를 입력하세요 (+, -, *, /):");

num1 = parseFloat(num1);
num2 = parseFloat(num2);

let result;
if (operator === "+") {
    result = num1 + num2;
} else if (operator === "-") {
    result = num1 - num2;
} else if (operator === "*") {
    result = num1 * num2;
} else if (operator === "/") {
    result = num1 / num2;
} else {
    result = "잘못된 연산자입니다.";
}

document.write("결과: " + result);
 

'JavaScript' 카테고리의 다른 글

자바스크립트 while문과 do while 문  (0) 2024.11.22
자바스크립트 증감 연산자  (1) 2024.11.21
자바스크립트 배열  (0) 2024.11.20
자바스크립트 논리형 예제  (0) 2024.11.19
자바스크립트 변수와 상수  (1) 2024.11.19

관련글 더보기