[JavaScript(4)] 연산

 

 

안녕하세요~  경제적 자유입니다.

오늘은 JavaScript의 연산자와 비교 연산자를 리뷰해보려고 합니다.

 

OverView

---

 

JavaScript에서 연산자는 값을 계산하거나, 비교하거나, 변수에 값을 넣거나, 조건을 판단할 때 사용하는 기호입니다.

 

쉽게 말하면 연산자는 JavaScript에게

“이 값들을 더해줘”,
“둘이 같은지 비교해줘”,
“이 변수에 값을 넣어줘”,
“조건이 맞는지 확인해줘”

라고 명령하는 도구라고 볼 수 있습니다.

 

추가로 더 자세히 공부하고 싶다면 아래 MDN 문서를 참고해보세요.

 

• 참고 링크: https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Expressions_and_operators

 

 

개념 설명

---

 

 

1. JavaScript 연산자란?

 

연산자란 값을 가지고 특정한 작업을 수행하는 기호 또는 문법입니다.

 

let age = 28;
let nextAge = age + 1;

console.log(nextAge);

 

위 코드에서 =와 +가 바로 연산자입니다.

• =는 오른쪽 값을 왼쪽 변수에 넣는 할당 연산자입니다.
• +는 두 값을 더하는 산술 연산자입니다.
• age + 1의 결과는 29입니다.
• 그래서 nextAge에는 29가 저장됩니다.

연산자는 JavaScript 코드를 작성할 때 거의 항상 등장합니다.

변수, 조건문, 반복문, 함수, 배열 메서드 등 대부분의 문법 안에서 자연스럽게 사용됩니다.

 

 

---

 

2. 산술 연산자란?

 

 

산술연산자는 숫자를 계산할 때 사용하는 연산자입니다.

 

let a = 10; 
let b = 3; 

console.log(a + b); //13
console.log(a - b); //7
console.log(a * b); //30
console.log(a / b); //3.3333
console.log(a % b); //1
console.log(2 ** 3); // 8

 

+ 는 문자열 연결에서 사용할 수 있습니다.

let name = "sangu"; 
let age = 28;

console.log(name + "는" + age + "살입니다."); // sangu는 28살입니다.

---

3.  할당 연산자란?

 

할당 연산자는 변수에 값을 저장할 때 사용하는 연산자입니다.

 

가장 기본적인 할당 연산자는 = 입니다.

let name = "sangu"; 
let age = 28;

 

여기서 =는 “같다”라는 뜻이 아닙니다.

JavaScript에서 =는 오른쪽 값을 왼쪽 변수에 넣는다는 뜻입니다.

 

 

---

4. 복합 할당 연산자란?

 

복합 할당 연산자는 연산과 할당을 한 번에 처리하는 연산자입니다.

 

연산자	의미	같은 표현
+=	더해서 다시 저장	x = x + y
-=	빼서 다시 저장	x = x - y
*=	곱해서 다시 저장	x = x * y
/=	나눠서 다시 저장	x = x / y
%=	나머지를 다시 저장	x = x % y
**=	거듭제곱 후 다시 저장	x = x ** y

 

---

5. 증가 연산자와 감소 연산자 그리고 논리 연산자란?

 

증가 연산자 ++는 값을 1 증가시킵니다.
감소 연산자 --는 값을 1 감소시킵니다.

 

연산자	의미
&&	그리고
||	또는
!	반대

 

 

---

6. 문자열 비교란?

 

복합 할당 연산자는 연숫자뿐만 아니라 문자열도 비교할 수 있습니다.

console.log("cat" > "car"); // true

 

첫 번째 글자 "c"와 "c"는 같습니다.

 

두 번째 글자 "a"와 "a"도 같습니다.

 

세 번째 글자 "t"와 "r"을 비교합니다.

---

7. null과 undefined 비교하기

 

JavaScript에서 null과 undefined는 둘 다 값이 비어 있다는 느낌을 줍니다.

let a = null; 
let b;

console.log(a); //null
console.log(b); //undefined


console.log(null == undefined); //true
console.log(null === undefined); //false

 

 

 

---

8. 삼항 연산자란?

 

삼항연산자는 조건에 따라 다른 값을 선택할 때 사용합니다.

 

기본 구조는 다음과 같습니다.

 

조건 ? 참일때 값: 거짓일 때 값

 

let age = 28; 

let result = age >= 20 ? "성인" : "미성년자"; 

console.log(result); //성인

 

---

9. 비트 연산자란?

 

비트연산자는 숫자를 2진수 비트 단위로 다루는 연산자입니다.

 

일반적인 웹 개발 초보 단계에서는 자주 사용하지는 않지만, 알고 있으면 JavaScript의 숫자 처리 방식을 더 깊게 이해하는 데 도움이 됩니다.

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

 

비트 연산자는 보통 권한 플래그, 색상 값 처리, 저수준 계산, 알고리즘 문제 등에서 등장합니다.

일반적인 화면 개발에서는 자주 쓰이지 않지만, JavaScript를 깊게 공부할수록 만나게 되는 개념입니다.

---

 

10. 비트 복합 할당 연산자란?

 

비트 연산자또한 복합 할당 연산자로 활용이 가능합니다.

 

연산자	의미
&=	비트 AND 후 할당
|=	비트 OR 후 할당
^=	비트 XOR 후 할당
<<=	왼쪽 시프트 후 할당
>>=	오른쪽 시프트 후 할당
>>>=	부호 없는 오른쪽 시프트 후 할당

 

 

---

11. 쉼표 연산자란?

 

쉼표 연산자는 여러 표현식을 왼쪽부터 차례대로 실행하고, 마지막 표현식의 값을 반환하는 연산자입니다.

 

let a = 1;
let b = 2;

let result = (a += 1, b += 3, a + b);

console.log(a); // 2
console.log(b); // 5
console.log(result); // 7

 

---

12. typeof 연산자란?

 

typeof 연산자는 연값의 타입을 확인할 떄 사용하는 연산자입니다.

 

console.log(typeof 123); //number
console.log(typeof "hello"); //string
console.log(typeof true); //boolean
console.log(typeof undefined); //undefined

 

---

12. in 연산자란?

 

in 연산자는 연객체 안에 특정 속성이 있는지 확인할 때 사용합니다.

 

let person = { 
	name: "sangu", 
    age: 28 
}; 

console.log("name" in person); // true
console.log("job" in person); // false

마무리

---

 

지금까지 Javascript의 연산자를 정리해보았습니다. 

 

생각보다 더 많고 세부적으로 나누어져 있어서 놀랐지만 그래도 암묵적으로 다 사용하고 직관적이라 이해하기가 어렵지는 않은 것 같습니다.

 

null과 undefined를 구분할 수 있는 직관 =, ==, ===의 차이에 대해서는 어느정도 이해할 수 있는 것 같네요..

 

그래도 알고리즘과 코딩테스트를 위한 비트연산자는 추가 공부가 필요할 것 같습니다!

 

오늘도 하나씩 천천히 쌓아가 보겠습니다.

 

화이팅!