자바스크립트 jquery 완전정복 스터디 1 - CH2 - 기본 연산자

  • SUNGMIN SHIN
  • 6 Minutes
  • 2018년 1월 7일

[ 자바스크립트+jQuery 완전정복 스터디 1 ]

(http://book.naver.com/bookdb/book_detail.nhn?bid=9650891)


CHAPTER 02 - 기본 연산자


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
/* [ 숫자 연산자 ] */
10 + 20; // 더하기
10 - 5; // 빼기
10 * 2; // 곱하기
10 / 2; // 나누기
10 % 3; // 나머지(나누기)


/* [ 문자 연산자 ] */
'안녕' + '하세요'; // 더하기(연결)


/* [ 복합 연산자 ] */
var num1 = 10;
var num1+=10; // var num1 = num1 + 10;
var num1-=10; // var num1 = num1 - 10;
var num1*=10; // var num1 = num1 * 10;
var num1/=10; // var num1 = num1 / 10;
var num1%=10; // var num1 = num1 % 10;


/* [ 증감 연산자 ] */
var num2 = 10;
num2++; // var num2 = num2 + 1;
num2--; // var num2 = num2 - 1;

/* [ 전위, 후위 연산자 ] */
var num3 = 1;
var num4 = ++num3; // num3 = num3 + 1 -> num4 = num3

var num5 = 1;
var num6 = num5++; // num6 = num5 -> num5 = num5 + 1

// [ 연산자 우선순위 ]
var num7 = 10 + 15 * 2; // 40 - 곱하기 후 더하기를 계산
var num8 = (10 + 15) * 2; // 50 - 괄호를 활용하면 연산 우선순위를 지정할 수 있다

// 괄호를 활용하여 사칙연산의 우선순위를 감안하지 않더라도 쉽게 읽히는 코드를 작성하는 습관을 추천
var boxWidth = ($('div').width() + $('div').height()) / 2