제로초님의 블로그 글을 정리한 내용입니다.
참고 : (JavaScript) 연산자(operator) - ZeroCho Blog
1. 산술 연산자
1) 덧셈
ex) var a = 1 + 2; // 3
2) 뺄셈
ex) var b = 5 - 3; // 2
3) 곱셈
ex) var c = 2 * 4; // 8
4) 나눗셈 - /는 그냥 나누기)
ex) var d = 6 / 4; 1.5
5) 나눗셈 (%는 그냥 나머지, Mod(Modulus)라고도 한다
ex) var e = 8%3; // 2
2. 문자열 연산자
* 특징
+ 연산자는 숫자만 더하는 게 아니라 문자열과 다른 데이터도 연결해 준다.
문자열과 더할 때 문자열이 아닌 데이터는 문자열로 바꿔서 연결한다.
즉, 문자열이 먼저다.
ex1) var string = 'hello' + 'world'; // 'hello world'
ex2) var string2 = 'hi' + 9; // 'hi9;
ex3) var string3 = 1 + 'what' + 2; // '1what2'
ex4) var string4 = 3 + 4 + 'wow' ; // '7wow'
- 이 경우 왼쪽의 숫자 3+4 부터 계산되고, 문자열이 있을 경우 문자열로 바뀌어서 계산된다.
3. 증감연산자 (아직 이해 못해서 넘어감)
4. 대입연산자
1) 기본 : =
- var a = 1; 처럼 변수에 값을 대입하는 연산자
2) 복합대입연산자 : +=, -=, /=, *=, %=
- 줄여쓰는 연산자
- 단순히 코드 양만 줄여 준다.
ex1) var i = 10;
ex2) i + = 2; // 12 (i = i + 2와 같음)
ex3) i - = 3; // 9 (i = i - 3과 같음)
ex4) i * = 4; // 36 (i = i * 4와 같음)
ex5) i % = 5; // 1 (i = i % 5와 같음)
5. 비교 연산자
1) 같음 : ==
cf) 프로그래밍에서는 ==가 같다는 뜻이고, =는 대입 연산자다.
2) 같지 않음 : !=
3) 큼 : >
4) 작음 : <
5) 크거나 같음 : >=
6) 작거나 같음 : <=
※ 자바스크립트에서 ==와 !=는 조심해서 써야 한다.
ex1) 100 == 10 * 10; // true
ex2) 6 ! == 2 * 2; // 2와 2를 곱한 것이 6이 아니므로 true
ex3) 2 * 5 > 3 * 3; // true
ex4) 6 * 3 <= 2 * 9; // true
6. 삼항 연산자
7. 논리 연산자
8. 비교 연산자 : ===
'Front-end > JavaScript' 카테고리의 다른 글
[JavaScript] i++와 ++i의 차이점 (0) | 2022.03.22 |
---|---|
document.write() (0) | 2022.03.22 |
자바스크립트에서의 데이터의 종류 (0) | 2022.03.21 |
JavaScript 주석 표기법 (0) | 2022.03.20 |
Zero-base Numbering (0) | 2022.03.20 |