javascript #4. 연산자

아주 간단한 연산자만 빠르게 집고 넘어가겠습니다!

 

 

 

산술연산자 

- 덧셈, 뺄셈, 곱셈, 나눗셈 

- +, - , * , / 또는 % 

 

/는 나눈 값 전부 , %는 나누고 난 나머지 값 

다른 언어에서는 /가 나눈 몫을 의미하는데 자바스크립트는 그냥 나누기이니까 헷갈리지 마세요!!@@

var a = 1 + 2; // 3
var b = 5 - 3; // 2
var c = 2 * 4; // 8
var d = 6 / 4; // 1.5
var e = 8 % 3; // 2

 

 

문자열연산자

- + 연산자 

- 문자열을 더할 때 만약 문자열이 아닌 데이터가 존재한다면 문자열로 바꿔서 연결 

var string = 'hello ' + 'world'; // 'hello world'
var string2 = 'hi' + 9; // 'hi9'
var string3 = 1 + 'what' + 2; // '1what2'
var string4 = 3 + 4 + 'wow'; // '7wow'

주의할 점! 

마지막 string 4를 보면 출력 값이 7wow인데 

왼쪽부터 더해나가기 때문에 3+4 = 7 후, wow와 문자열로 연결합니다. 

 

 

증감연산자

- ++ , --  변수에 1을 더하거나 1을 뺀다.

- 앞에 붙으면 전위증감연산자

- 뒤에 붙으면 후위증감연산자 

var i = 0;
i++; // i는 1이 됩니다.
alert(i++); // 1을 먼저 alert한 후에 ++되어 i는 2가됩니다.
alert(++i); // 먼저 ++한 후에 alert하여 3을 alert하게 됩니다.

 

대입연산자

가장 기본적인 = 

 

복합대입연산자는 +=, -=, /=, *=, %= 등 단순히 코드 양만 줄여줍니다. 

var i = 10;
i += 2; // 12 (i = i + 2와 같음)
i -= 3; // 9 (i = i - 3과 같음)
i *= 4; // 36 (i = i * 4와 같음)
i %= 5; // 1 (i = i % 5와 같음)

 

비교연산자

- == , != , > , < , >= , <=  순서대로 같음, 같지 않음, 큼, 작음 크거나 같음, 작거나 같음을 의미

100 == 10 * 10; // true
6 != 2 * 2; // true
2 * 5 > 3 * 3; // true
6 * 3 <= 2 * 9; // true

 

==와 =!는 조심해서 써야합니다! (이유는 아래에) 

 

 

논리연산자 

- &&, ||, ! 순서대로 그리고, 또는 , 아니면이라는 의미

- &&는 앞의 값이 참인 값일 때만 다음 값으로 , ||는 앞의 값이 거짓인 값일 때 다음 값으로 

 

var a = 10;
var b = 20;
(a < b) && (a * 2 == b); // true
(a > b) || (a * 2 <= 20); // true
!(a < b); // false

 

 

비교연산자

- === 연산자 

0 == '' //true
0 == false  //true
0 == []  //true

== 연산자에선 자료형까지 비교하지 않기 때문에 이 세 값 모두 true가 출력됩니다! 

0은 빈 문자열도 가능하고, 빈배열도 가능하고 , false도 가능합니다. 

 

이런 경우를 방지하기 위해서 === 연산자는 값과 자료형 모두 일치해야 true가 됩니다. 

0 === '' // false
0 === false // false
0 === [] // false

자료형까지 다른지 비교하고 싶을 때에는 != 대신 !==을 사용합니다.

 

 

연산자는 간단하게 이정도로 마치겠습니다! (짝짝짝~)  

 

 

참고: 제로초