자바스크립트(JavaScript) 연산자 종류

자바스크립트(JavaScript) 연산자 종류

자바스크립트 연산자는 여러 가지 종류가 있으며, 각각의 연산자는 특정한 작업을 수행하는 데 사용됩니다. 이 글에서는 자바스크립트(JavaScript) 연산자 종류와 간단한 사용법에 대해서 알아보겠습니다. 아래는 자바스크립트에서 사용되는 주요 연산자들을 종류별로 정리한 목록입니다.

목차

• 1. 산술 연산자 (Arithmetic Operators)
• 2. 할당 연산자 (Assignment Operators)
• 3. 비교 연산자 (Comparison Operators)
• 4. 논리 연산자 (Logical Operators)
• 5. 비트 연산자 (Bitwise Operators)
• 6. 문자열 연산자 (String Operators)
• 7. 삼항 연산자 (Ternary Operator)
• 8. typeof 연산자 (typeof Operator)
• 9. instanceof 연산자 (instanceof Operator)
• 10. in 연산자 (in Operator)

 

 

 

1. 산술 연산자 (Arithmetic Operators)

산술 연산자는 숫자에 대한 산술 연산을 수행하는 데 사용됩니다.

• + : 더하기
• - : 빼기
• * : 곱하기
• / : 나누기
• % : 나머지
• ** : 거듭제곱

let a = 5;
let b = 2;
console.log(a + b); // 7
console.log(a - b); // 3
console.log(a * b); // 10
console.log(a / b); // 2.5
console.log(a % b); // 1
console.log(a ** b); // 25

 

 

2. 할당 연산자 (Assignment Operators)

할당 연산자는 변수에 값을 할당하는 데 사용됩니다.

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

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

 

 

3. 비교 연산자 (Comparison Operators)

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

• == : 동등
• != : 부등
• === : 일치
• !== : 불일치
• > : 초과
• < : 미만
• >= : 이상
• <= : 이하

console.log(5 == '5'); // true
console.log(5 === '5'); // false

 

 

4. 논리 연산자 (Logical Operators)

논리 연산자는 논리 연산을 수행하는 데 사용됩니다.

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

let a = true;
let b = false;
console.log(a && b); // false
console.log(a || b); // true
console.log(!a); // false

 

 

5. 비트 연산자 (Bitwise Operators)

비트 연산자는 비트 단위로 연산을 수행하는 데 사용됩니다.

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

console.log(5 & 1); // 1
console.log(5 | 1); // 5
console.log(5 ^ 1); // 4
console.log(~5); // -6
console.log(5 << 1); // 10
console.log(5 >> 1); // 2
console.log(5 >>> 1); // 2

 

 

 

 

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

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

• + : 문자열 연결

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

 

 

7. 삼항 연산자 (Ternary Operator)

삼항 연산자는 조건에 따라 값을 선택하는 데 사용됩니다.

• condition ? expr1 : expr2

let age = 18;
let canVote = (age >= 18) ? "Yes" : "No";
console.log(canVote); // "Yes"

 

 

8. typeof 연산자 (typeof Operator)

typeof 연산자는 변수의 데이터 타입을 반환합니다.

• typeof

console.log(typeof 123); // "number"
console.log(typeof "hello"); // "string"
console.log(typeof true); // "boolean"
console.log(typeof {}); // "object"
console.log(typeof undefined); // "undefined"
console.log(typeof null); // "object"
console.log(typeof function(){}); // "function"

 

 

9. instanceof 연산자 (instanceof Operator)

instanceof 연산자는 객체가 특정 생성자의 인스턴스인지 여부를 확인하는 데 사용됩니다.

• instanceof

let arr = [];
console.log(arr instanceof Array); // true
console.log(arr instanceof Object); // true
console.log(arr instanceof String); // false

 

 

10. in 연산자 (in Operator)

in 연산자는 객체 내에 속성이 존재하는지 여부를 확인하는 데 사용됩니다.

• property in object

let obj = { name: "John", age: 30 };
console.log("name" in obj); // true
console.log("address" in obj); // false

 

 

이상으로 자바스크립트에서 사용되는 주요 연산자들을 소개했습니다. 각 연산자는 고유한 용도가 있으므로, 필요에 따라 적절하게 사용하면 됩니다.