JavaScript 연산자 종류와 활용법

JavaScript 연산자 이해하기 (개선된 버전)

JavaScript는 다양한 연산자를 제공합니다. 연산자를 이해하는 것은 웹 개발자로서 필수적인 기술입니다. 이 글에서는 JavaScript의 다양한 연산자를 살펴보고, 각 연산자의 사용 방법과 예제를 제공하여 이해를 돕겠습니다.

목차

1. 할당 연산자(Assignment operators)
2. 비교 연산자(Comparison operators)
3. 산술 연산자(Arithmetic operators)
4. 비트 연산자(Bitwise operators)
5. 논리 연산자(Logical operators)
6. 문자열 연산자(String operators)
7. 조건(삼항) 연산자(Conditional (ternary) operator)

1. 할당 연산자(Assignment operators)

할당 연산자는 오른쪽 피연산자의 값을 왼쪽 피연산자에 할당합니다. 가장 기본적인 할당 연산자는 단일 등호(=)입니다.

예시:

• x = y : y의 값을 x에 할당합니다.
• x += y : x = x + y와 같습니다. 예: x가 10이고 y가 5일 때, x += y 후 x는 15가 됩니다.
• x -= y : x = x - y와 같습니다. 예: x가 10이고 y가 5일 때, x -= y 후 x는 5가 됩니다.

2. 비교 연산자(Comparison operators)

비교 연산자는 두 값을 비교하고 그 결과에 따라 불리언 값을 반환합니다.

예시:

• x == y : x와 y의 값이 같으면 true를 반환합니다. 예: 3 == 3은 true입니다.
• x != y : x와 y의 값이 다르면 true를 반환합니다. 예: 3 != 4는 true입니다.
• x === y : x와 y의 값과 타입이 모두 같으면 true를 반환합니다. 예: '3' === 3은 false입니다.

3. 산술 연산자(Arithmetic operators)

산술 연산자는 숫자 값(리터럴 또는 변수)에 대한 일반적인 산술 연산을 수행하고 그 결과를 반환합니다.

예시:

• x + y : x와 y의 합을 반환합니다. 예: 5 + 2는 7입니다.
• x - y : x에서 y를 뺀 값을 반환합니다. 예: 5 - 2는 3입니다.
• x * y : x와 y의 곱을 반환합니다. 예: 5 * 2는 10입니다.

4. 비트 연산자(Bitwise operators)

비트 연산자는 피연산자를 32비트의 집합으로 취급하고, 비트 단위로 AND, OR, XOR 등의 비트 연산을 수행합니다.

예시:

• x & y : x와 y의 비트 AND 연산을 수행합니다. 예: 5 & 1은 1입니다.
• x | y : x와 y의 비트 OR 연산을 수행합니다. 예: 5 | 1은 5입니다.

5. 논리 연산자(Logical operators)

논리 연산자는 보통 불리언(논리적) 값으로 작업을 수행하고, 불리언 값을 반환합니다.

예시:

• x && y : x와 y 모두 true일 때만 true를 반환합니다. 예: true && false는 false입니다.
• x || y : x 또는 y 중 하나라도 true이면 true를 반환합니다. 예: true || false는 true입니다.

6. 문자열 연산자(String operators)

JavaScript에서는 + 연산자를 사용하여 문자열을 연결할 수 있습니다.

예시:

• "Hello" + "World" : "HelloWorld"를 반환합니다. 예: "Coffee" + "Cup"은 "CoffeeCup"입니다.

7. 조건(삼항) 연산자(Conditional (ternary) operator)

삼항 연산자는 조건에 따라 두 값 중 하나를 반환합니다.

예시:

• x > y ? x : y : x가 y보다 크면 x를, 그렇지 않으면 y를 반환합니다. 예: 5 > 2 ? 5 : 2는 5입니다.

이 글을 통해 JavaScript의 다양한 연산자를 더 깊이 이해하고, 웹 개발에 활용할 수 있기를 바랍니다. 각 연산자를 직접 사용해보면서 그 특성을 익혀보세요. Happy coding!