7장 (연산자)

• 연산자는 하나 이상의 표현식을 대상으로 산술, 할당, 비교, 논리, 타입 , 지수 연산 등을 수행해 하나의 값을 만든다. (연산의 대상을 피연산자)

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

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

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

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

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

7.1 산술 연산자

• 수학적 계산을 수행해 새로운 숫자 값을 만든다. NaN 반환한다.

7.1.1 이항 산술 연산자

이항 산술 연산자	의미	부수 효과
+	덧셈	X
-	뺄셈	X
*	곱셈	X
/	나눗셈	X
%	나머지	X

5 + 2; // -> 7
5 - 2; // -> 3
5 * 2; // -> 10
5 / 2; // -> 2.5
5 % 2; // -> 1

7.1.2 단항 산술 연산자

단항 산술 연산자	의미	부수 효과
++	증가	O
--	감소	O
+	어떠한 효과도 없다. 음수를 양수로 반전하지도 않는다.	X
-	양수를 음수로, 음수를 양수로 반전한 값을 반환한다.	X

• 주의할 점은 이항 산술 연산자와는 달리 증가 / 감소 (++/--) 연산자는 피연산자의 값을 변경하는 부수 효과이다.

var x = 1;

// ++ 연산자는 피연산자의 값을 변경하는 암묵적 할당이 이뤄진다.
x++; // x = x + 1;
console.log(x); // 2

// -- 연산자는 피연산자의 값을 변경하는 암묵적 할당이 이뤄진다.
x--; // x = x - 1;
console.log(x); // 1

• 증가/감소 연산자는 위치에 의미가 있다.

var x = 5, result;

// 선할당 후증가(postfix increment operator)
result = x++;
console.log(result, x); // 5 6

// 선증가 후할당(prefix increment operator)
result = ++x;
console.log(result, x); // 7 7

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

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

• 단항 연산자는 피연산자에 어떠한 효과도 없다.

// 아무런 효과가 없다.
+10;    // -> 10
+(-10); // -> -10

7.1.3 문자열 연결 연산자

// 문자열 연결 연산자
'1' + 2; // -> '12'
1 + '2'; // -> '12'

// 산술 연산자
1 + 2; // -> 3

// true는 1로 타입 변환된다.
1 + true; // -> 2

// false는 0으로 타입 변환된다.
1 + false; // -> 1

// null은 0으로 타입 변환된다.
1 + null; // -> 1

// undefined는 숫자로 타입 변환되지 않는다.
+undefined;    // -> NaN
1 + undefined; // -> NaN


// 반대로 문자열앞에 +를 붙이면 숫자 타입으로 변환된다.
2+ +'1'; // 3

7.2 할당연산자

• 할당 연산자는 우항에 있는 피연산자의 평가 결과를 좌항에 있는 변수에 할당한다.

  할당 연산자	예	동일 표현	부수 효과
  =	x = 5	x = 5	O
  +=	x += 5	x = x + 5	O
  -=	x -= 5	x = x - 5	O
  *=	x *= 5	x = x * 5	O
  /=	x /= 5	x = x / 5	O
  %=	x %= 5	x = x % 5	O

var x;

x = 10;
console.log(x); // 10

x += 5; // x = x + 5;
console.log(x); // 15

x -= 5; // x = x - 5;
console.log(x); // 10

x *= 5; // x = x * 5;
console.log(x); // 50

x /= 5; // x = x / 5;
console.log(x); // 10

x %= 5; // x = x % 5;
console.log(x); // 0

var str = 'My name is ';

// 문자열 연결 연산자
str += 'Lee'; // str = str + 'Lee';
console.log(str); // 'My name is Lee'

7.3 비교연산자

• 많이 사용하는 비교연산자..

// 동등 비교. 결과를 예측하기 어렵다.
'0' == ''; // -> false
0 == '';   // -> true
0 == '0';  // -> true
false == 'false';   // -> false
false == '0';       // -> true
false == null;      // -> false
false == undefined; // -> false

7.4 삼항 조건 연산자

• js에서 생각보다 많이 사용.

var x = 2;

// 2 % 2는 0이고 0은 false로 암묵적 타입 변환된다.
var result = x % 2 ? '홀수' : '짝수';

console.log(result); // 짝수

7.5 논리 연산자

• 논리연산자는 우항과 좌항의 피연산자를 논리 연산한다.

// 논리합(||) 연산자
true || true;   // -> true
true || false;  // -> true
false || true;  // -> true
false || false; // -> false

// 논리곱(&&) 연산자
true && true;   // -> true
true && false;  // -> false
false && true;  // -> false
false && false; // -> false

// 논리 부정(!) 연산자
!true;  // -> false
!false; // -> true

7.6 쉼표 연산자

,

7.7 그룹 연산자

• 소괄호

7.8 typeof 연산자

-type확인

typeof ''              // -> "string"
typeof 1               // -> "number"
typeof NaN             // -> "number"
typeof true            // -> "boolean"
typeof undefined       // -> "undefined"
typeof Symbol()        // -> "symbol"
typeof null            // -> "object"
typeof []              // -> "object"
typeof {}              // -> "object"
typeof new Date()      // -> "object"
typeof /test/gi        // -> "object"
typeof function () {}  // -> "function"

7.9 지수 연산자

• 지수 연산자를 사용할까..?

2 ** 2;   // -> 4
2 ** 2.5; // -> 5.65685424949238
2 ** 0;   // -> 1
2 ** -2;  // -> 0.25

Math.pow(2, 2);   // -> 4
Math.pow(2, 2.5); // -> 5.65685424949238
Math.pow(2, 0);   // -> 1
Math.pow(2, -2);  // -> 0.25

7.10 그 외의 연산자

연산자	설명
?.	옵셔널 체이닝 연산자
??	null 병합 연산자
delete	프로퍼티 삭제
new	생성자 함수를 호출할 때 사용하여 인스턴스를 생성
instanceof	좌변의 객체가 우변의 생성자 함수와 연결된 인스턴스인지 판별
in	프로퍼티 존재 확인

7.11 연산자의 부수 효과

대부분의 연산자는 다른 코드에 영향을 주지 않는다.
1 * 2같은 경우 코드에 어떠한 영향도 주지 않고 단지 새로운 값 2를 생성할 뿐이다.
하지만 할당 연산자(=), 증가/감소 연산자(++/--), delete연사자는 부수효과가 있다.

7.12 연산자 우선순위

굳