반응형
자바스크립트에서 연산자는 데이터를 처리하고 새로운 값을 생성하는 데 사용되는 특수한 기호입니다. 다양한 종류의 연산자가 있으며, 각 연산자는 고유한 기능과 우선순위를 가지고 있습니다. 이번 글에서는 자바스크립트 연산자에 대해 상세히 설명하고, 예제를 통해 이해를 돕겠습니다.
1. 산술 연산자
숫자 값을 가지고 사칙연산 등의 계산을 수행합니다.
- 덧셈: +
let result = 5 + 3; // result는 8
- 뺄셈: -
let result = 10 - 4; // result는 6
- 곱셈: *
let result = 2 * 5; // result는 10
- 나눗셈: /
let result = 10 / 2; // result는 5
- 나머지: %
let result = 10 % 3; // result는 1
- 증가: ++
let num = 5; ++num; // num은 6
- 감소: --
let num = 5; --num; // num은 4
2. 할당 연산자
값을 변수에 할당합니다.
- 단순 할당: =
let x = 10;
- 복합 할당: +=, -=, *=, /=, %=
let x = 5; x += 3; // x는 8 (x = x + 3 과 동일)
3. 비교 연산자
두 값을 비교하여 결과를 불리언 값으로 반환합니다.
- 같음: == (타입 변환 후 비교), === (타입까지 비교)
console.log(5 == "5"); // true (타입 변환 후 비교) console.log(5 === "5"); // false (타입까지 비교)
- 다름: != (타입 변환 후 비교), !== (타입까지 비교)
console.log(5 != "5"); // false (타입 변환 후 비교) console.log(5 !== "5"); // true (타입까지 비교)
- 크다: >
console.log(10 > 5); // true
- 작다: <
console.log(5 < 10); // true
- 크거나 같다: >=
console.log(10 >= 10); // true
- 작거나 같다: <=
console.log(5 <= 10); // true
4. 논리 연산자
불리언 값을 가지고 논리적인 연산을 수행합니다.
- 논리곱: &&
console.log(true && false); // false
- 논리합: ||
console.log(true || false); // true
- 논리 부정: !
console.log(!true); // false
5. 기타 연산자
- 삼항 연산자: 조건에 따라 값을 선택합니다.
let result = condition ? value1 : value2; // condition이 true면 result는 value1 // condition이 false면 result는 value2
- 쉼표 연산자: 여러 표현식을 한 줄에 작성할 때 사용합니다.
let x = 1, y = 2;
- typeof 연산자: 변수의 데이터 타입을 확인합니다.
console.log(typeof 10); // "number"
반응형
'JS > JavaScript' 카테고리의 다른 글
#9 자바스크립트 깊은 복사와 얕은 복사 : 차이점과 구현 방법 (0) | 2024.08.29 |
---|---|
#8 자바스크립트 객체 (0) | 2024.08.28 |
#7 자바스크립트 함수 : 코드의 재사용과 효율성을 위한 핵심 (0) | 2024.08.28 |
#6 자바스크립트 조건문/반복문 (0) | 2024.08.28 |
#4 자바스크립트 호이스팅(Hoisting) (0) | 2024.08.27 |
#3 자바스크립트 타입 변환 (0) | 2024.08.27 |
#2 자바스크립트 데이터 타입 완벽 정복 (0) | 2024.08.27 |
#1 자바스크립트 변수 선언 : var, let, const 차이점 완벽 정리 (0) | 2024.08.27 |