본문 바로가기

Front-end/JavaScript

연산자

제로초님의 블로그 글을 정리한 내용입니다.

참고 : (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