03. React.JS 기초 - 연산자

자바스크립트에서 사용되는 연산자 종류 및 결과 값을 확인해보는 시간.

1. 대입연산자, 변수에 특정 값을 할당하는 경우 사용하는 연산자, 기호는 = 이다.



2. 산술연산자, 사칙연산을 하기 위한 연산자로 +, -, *, /, %가 있다.


/ 의 경우 몫을 구하는 연산자이며, % 는 나머지를 구하는 연산자

예시가 좀 이상한것 같아서 새로 



3. 연결연산자. 문자를 연결하는데 사용하는 연산자?!


문자열 1과 문자열 2를 합쳐서 C를 출력해보면 문자열 12가 노출되는것이 확인된다. 
해당 연산자는 문자와 문자인경우 동작하며 둘중 하나가 숫자인 경우 문자를 숫자로 자바스크립트가 묵시적 형변환을 통해 숫자형으로 변환하여 사칙연산 중 + 를 진행하는것으로 알고있었는데
안되네? ㅋㅋ

4. 복합연산자, 산술연산자와 대입연산자를 같이 사용하는 경우라고 이거하고 있는데 
사실 뭔말인지는 몰겄다. 

대충 5에 10을더해서 C에다 다시 대입한다. 라는 과정을 줄이는 용도? 
위에 코드를 아래 처럼 줄일 수 있다.

+가 등호 왼쪽에 위치하면 15가 나오고 오른쪽에 위치하면 10이 나오는데 아마 왼쪽에 위치해야만 복합연산자가 동작하나봄

5. 증감연산자, 변수에 앞에 붙이거나 뒤에 붙여서 사용하는 변수 값을 증감 시키는 연산자
앞에 붙이는 경우 실행 전에 변경된 값이 반영되며(전위연산) 뒤에 붙이는 경우 실행 후 변경된 값이 반영된다.(후위연산)

b의 경우 전위 연산으로 바로 1일 추가된 값이 출력되었으나 a의 경우 후위연산으로  변경된 값이 출력되지 않았다. 

변경된 값을 보유하고 있는 상태에서 10을 더해보면 21이 출력되는 것이 확인됨 

6. 논리연산자 - boolean 타입에서 사용되는것 ! 을 사용함

7. 비교연산자 ==, ===를 사용한다. 

==는 값만 비교한다. 

===는 값과 타입도 비교한다. 


1과 문자열 1이 같은지 확인해보면 true 로 나온다. 


===를 사용하면 타입이 다르기 때문에 false로 노출된다. 


댓글