자바스크립트의 연산자

자바스크립트(JavaScript)에서 연산자는 변수와 값에 대해 다양한 연산을 수행하는 데 사용됩니다. 연산자는 크게 산술 연산자, 할당 연산자, 비교 연산자, 논리 연산자, 비트 연산자, 문자열 연산자, 조건부(삼항) 연산자, 쉼표 연산자 등으로 나눌 수 있습니다. 이번 글에서는 자바스크립트의 주요 연산자에 대해 설명하겠습니다.

1. 산술 연산자

산술 연산자는 숫자 값을 대상으로 기본적인 산술 연산을 수행합니다. 다음은 자바스크립트에서 사용되는 주요 산술 연산자입니다.

• + : 더하기
• - : 빼기
• * : 곱하기
• / : 나누기
• % : 나머지
• ++ : 증가
• -- : 감소

let a = 10;
let b = 5;

console.log(a + b); // 15
console.log(a - b); // 5
console.log(a * b); // 50
console.log(a / b); // 2
console.log(a % b); // 0

a++;
console.log(a); // 11

b--;
console.log(b); // 4

2. 할당 연산자

할당 연산자는 변수에 값을 할당하는 데 사용됩니다. 기본적인 할당 연산자는 =이며, 다른 연산과 결합된 할당 연산자도 있습니다.

• = : 할당
• += : 더한 후 할당
• -= : 뺀 후 할당
• *= : 곱한 후 할당
• /= : 나눈 후 할당
• %= : 나머지를 구한 후 할당

let x = 10;

x += 5; // x = x + 5
console.log(x); // 15

x -= 3; // x = x - 3
console.log(x); // 12

x *= 2; // x = x * 2
console.log(x); // 24

x /= 4; // x = x / 4
console.log(x); // 6

x %= 3; // x = x % 3
console.log(x); // 0

3. 비교 연산자

비교 연산자는 두 값을 비교하고, 그 결과를 불리언 값(true 또는 false)으로 반환합니다.

• == : 값이 같음
• === : 값과 타입이 같음
• != : 값이 다름
• !== : 값과 타입이 다름
• > : 크다
• < : 작다
• >= : 크거나 같다
• <= : 작거나 같다

let a = 10;
let b = 5;
let c = "10";

console.log(a == c); // true (값이 같음)
console.log(a === c); // false (값은 같지만 타입이 다름)
console.log(a != b); // true (값이 다름)
console.log(a !== c); // true (값과 타입이 다름)
console.log(a > b); // true
console.log(a < b); // false
console.log(a >= 10); // true
console.log(a <= 10); // true

4. 논리 연산자

논리 연산자는 불리언 값에 대해 논리 연산을 수행합니다.

• && : 논리 AND
• || : 논리 OR
• ! : 논리 NOT

let a = true;
let b = false;

console.log(a && b); // false (둘 다 true여야 true)
console.log(a || b); // true (둘 중 하나라도 true면 true)
console.log(!a); // false (a가 true이므로 반대인 false)

5. 비트 연산자

비트 연산자는 이진수(bit) 단위로 연산을 수행합니다.

• & : AND
• | : OR
• ^ : XOR
• ~ : NOT
• << : 왼쪽 시프트
• >> : 오른쪽 시프트

let a = 5; // 0101
let b = 3; // 0011

console.log(a & b); // 1 (0001)
console.log(a | b); // 7 (0111)
console.log(a ^ b); // 6 (0110)
console.log(~a); // -6 (비트를 반전하여 1010, 2의 보수로 변환하면 -6)
console.log(a << 1); // 10 (1010, 왼쪽으로 1비트 시프트)
console.log(a >> 1); // 2 (0010, 오른쪽으로 1비트 시프트)

6. 문자열 연산자

문자열 연산자는 문자열을 연결하는 데 사용됩니다.

• + : 문자열 연결

let str1 = "Hello";
let str2 = "World";

console.log(str1 + " " + str2); // "Hello World"

7. 조건부 (삼항) 연산자

조건부 연산자는 삼항 연산자라고도 불리며, 조건에 따라 값을 반환합니다.

• 조건 ? 값1 : 값2

let age = 18;
let canVote = (age >= 18) ? "Yes" : "No";

console.log(canVote); // "Yes"

8. 쉼표 연산자

쉼표 연산자는 여러 표현식을 한 줄에서 평가할 때 사용됩니다.

let x = (1 + 2, 3 + 4);

console.log(x); // 7 (마지막 표현식의 결과를 반환)

결론

자바스크립트의 연산자는 다양한 연산을 수행하는 데 필수적인 도구입니다. 각 연산자의 기능과 사용법을 잘 이해하면, 더 효율적이고 읽기 쉬운 코드를 작성할 수 있습니다. 이 글이 자바스크립트 연산자를 이해하는 데 도움이 되길 바랍니다. 질문이나 추가적인 피드백이 있다면 언제든지 댓글로 남겨주세요!