[JS] 모던 자바스크립트 Deep Dive 스터디 - 07장. 연산자(산술 연산자)

모던 자바스크립트 Deep Dive

 

 

내맘대로 정리하고 공부하는 모던 자바스크립트 Deep Dive 스터디

 

 

 

---

 

 

 

[JS] 모던 자바스크립트 Deep Dive 스터디 - 07장. 연산자(산술 연산자)

 

 

07장. 연산자

// 산술 연산자 
5 * 4 // 20 

// 문자열 연결 연산자 
'My name is ' + 'Lee' // 'My name is Lee' 

// 할당 연산자 
color = 'red' // 'red' 

// 비교 연산자 
3 > 5 //  false 

// 논리 연산자 
true && false // false 

// 타입 연산자 
typeof 'Hi' // string

 

 

7.1 산술 연산자

• 산술 연산자는 수학적 계산을 수행해 새로운 숫자 값을 만든다.
• 산술 연산이 불가할 경우, NaN을 반환한다.

 

7.1.1 이항 산술 연산자

• 2개의 피연산자를 산술 연산하여 숫자값을 만듦
• 피연산자의 값을 변경하는 부수 효과는 없음
• 즉, 어떠한 산술 연산을 해도 피연산자의 값이 바뀌지 X → 언제나 새로운 값을 만듦

+	덧셈	ex) 5 + 2; // 7
-	뺄셈	ex) 5 - 2; // 3
*	곱셈	ex) 5 * 2; // 10
/	나눗셈	ex) 5 / 2; // 2.5
%	나머지	ex) 5 % 2; // 1

 

 

 

7.1.2 단항 산술 연산자

• 1개의 피연산자를 산술 연산하여 숫자 값을 만든다.
• 증가/감소 연산자는 피연산자의 값을 변경하는 부수 효과가 있다.
• 연산자 위치에 따라 의미가 다르다.
• 전위 증가/감소 연산자: 피연산자의 값을 ‘먼저’ 증가/감소 시킨 후 다른 연산을 수행
• 후위 증가/감소 연산자: 다른 연산을 ‘먼저’ 수행 후 피연산자의 값을 증가/감소

++	증가
—	감소

var x = 1;

x++; // x = x + 1
console.log(x); // 2

x--; // x = x - 1
console.log(x); // 1

var x = 5 , result;

// 선할당 후증가
// result에 x값 5가 먼저 선할당 된 뒤 피연산자의 값(5) x를 1 증가 함 
result = x++;
console . log(result , x); // 5 6

// 선증가 후할당
// 피연산자 x의 값(6)을 먼저 증가(7) 후, result 변수에 할당
result = ++x;
console . log(result , x); // 7 7

// 선할당 후감소
result = x--;
console . log(result , x); // 7 6

// 선감소 후할당
result = --x;
console . log(result , x); // 5 5