[JS] 자바스크립트 연산자 / 형변환

 

 

 

연산자

- 연산자란 값에 대해 어떠한 작업을 컴퓨터에게 지시하기 위한 기호이다.

- '연산자'는 하나 이상의 표현식을 대상으로

산술, 할당, 비교, 논리, 타입 연산 등을 수행해 하나의 값을 만든다.

 

 

 

 

이때 연산의 대상을 '피연산자' 라고 한다.

: 피연산자가 '값'이라는 명사의 역할을 하면, 연산자는 '값을 만든다'는 동사의 역할을 하는 셈이다.

- 연산자는 어떠한 식을 연산하게 되느냐에 따라서 다양한 연산자로 구별하여 기억하면 된다.

 

 

 산술 연산자 (Arithmetic Operator)

- 수학 연산을 수행함.

- 이항 산술 연산자 / 단항 산술 연산자 / 단항 부정 연산자

 

 

1.1 이항 산술 연산자

: 피연산자가 2개 필요함.

 

 

1.2 단항 산술 연산자

++ 연산자 : 값을 1 증가시킴

--연산자: 값을 1 감소시킴.

: 전치연산: 값을 할당하기 전에 증감 연산을 함 / 후치연산: 할당한 후에 증감 연산을 함.

 

1.3 단항 부정 연산자

: 피연산자의 부호를 부정함.(음수 <-> 양수) 피연산자 앞에 위치함.

이항 산술	x + y	x에 y를 더함
	x - y	x에서 y를 뺌
	x * y	x와 y를 곱함
	x / y	x를 y로 나눔
	x % y	x를 y로 나누어 나머지를 구함
	x ** y	x의 y 거듭제곱
단항 산술	x++	x를 1 증가시킴
	++x
	x--	x를 1감소시킴
	--x
단항 부정	-x	x의 부호를 부정함

 

사용 예시

전치연산, 후치연산 예시

단항 부정 연산자 사용예시

 

 복합 대입 연상자

대입 연산자	x = y	x에 y를 대입함
복합 대입 연산자	x += y	x에 x+y를 대입함
	x -= y	x에 x - y를 대입함
	x *= y	x에 x*y를 대입함
	x /= y	x에 x/y 를 대입함
	x %= y	x에 x%y를 대입함
	x *= y	x에 x*y를 대입함

사용예시

 

 

 

 

 비교 연산자 (comparison Operator)

 

- 피연산자를 비교한 후, 논리형 값인 true 와 false를 반환함.

- 동등 연산자 (==) / 일치 연산자 (===)/ 부등 연산자(!=)

==	x == y	x와 y 의 값이 같으면 true 를 반환함
===	x === y	x와 y 의 값과 자료형이 같으면 true를 반환함
!=	x != y	x 와 y의 값이 다르면 true를 반환함
!==	x !== y	x와 y 의 값과 자료형이 다르면 true를 반환함
<	x < y	x가 y보다 작으면 true를 반환함
<=	x <= y	x가 y보다 작거나 같으면 true를 반환함
>	x > y	x가 y보다 크면 true를 반환함
>=	x >= y	x가 y보다 크거나 같으면 true를 반환함

 

사용 예시

 

 

 

 

 논리 연산자 (Logiccal Operator)

 

- 피연산자를 논리적으로 평가, 조건에 맞는 피연산자를 반환함.​​

- 어떤 피연산자든 모두 논리형으로 평가함. (숫자형 , 문자열 모두)

-  "(빈문자열)"/ undefined/ 0/ null 만 거짓으로 평가됨. (나머지는 참으로 평가됨.)

- &&(and 연산자): 왼쪽부터 평가,

- || (or 연산자): 왼쪽부터 평가 , 참으로 평가된 피연산자를 즉시 반환함.

모든 피연산자가 참이 아니면 마지막에 평가된 피연산자 반환.

- ! (not 연산자): 참-> false/ 거짓-> true

&& (and연산자)	x && y	x가 참이면 y를 반환, 거짓이면 x​를 반환
|| (or 연산자)	x || y	x가 참이면 x를 반환, 거짓이면 y​를 반환
! (not연산자)	!x	x가 참이면 false를 반환, 거짓이면 true를 반환 -> 평가한 논리값의 반대값

거짓으로 평가되는 4가지 겨우

not 연산자

- 괄호 안 식부터 연산함.

- ! true && false 와 ! (true && false )는 다름.

​

 

 

 삼항 연산자 (ternary operator)

 

- 세 항 중 가장 왼쪽에 있는 피연산자 의 참, 거짓에 따라 나머지 두 항에 있는 피 연산자를 선택적으로 반환함.

?:

x ? y : z

x가 참이면 y를 반환하고, x가 거짓이면 z를 반환함

1) score이 90이 참이면 A+, 거짓이면 B 예시 식

2) f/p 예시

실행 값

 

 

 

 

형 변환

 

- 데이터의 자료형이 다른 자료형으로 바뀌는 것 

- +기호가 문자열 연결 연산자로 처리되버릴때 사용하기도 한다.

ex) 10 +10 = 1010

​

형변환의 방법에는 두가지 방식이 있다.

암시적 형변환 과 명시적 형변환이다.

 

1. 명시적 형변환

1) String Type

String() : 인자를 문자열로 변환한다.
toString() : 인자로 기수를 받을 수 있다.

 

2) Number Type

Number() : 인자를 숫자로 변환한다.
parseInt() : 인자를 정수형의 숫자로 변환한다. 이때 인자가 숫자 0으로 시작할 경우 8진수로 변환하고,

0x로 시작한다면 16진수 숫자로 변환한다.

또한 앞 부분에 공백 뒤에 문자가 나오는 경우 NaN을 반환한다.

 

 

3) Boolean Type

Boolean : 인자를 boolean 값으로 변환한다.

 

 

 

 

 

 

2. 암시적 형변환

1) String Type

- 연산자 사용 시 피연산자 중 문자열이 하나라도만 있으면 String Type으로 변환된다.
- undefined 나 null도 문자열로 변환된다.

 

2) Number Type

- 연산자를 제외한 산술 연산자(-, /, *, >, < 등) 사용시 Number Type으로 변환된다.

- 숫자 이외의 글자가 들어있는 문자열, 배열 및 undefined 는 숫자 타입으로 변환되지 않고 NaN(Not a Number)을 반환한다.

 

 

3) 엄격하지 않은 동등 비교 (==)

true == 1;    // true  (true를 1로 변환) 
false == 0;   // true  (false를 0으로 변환)
'1' == true;  // true  ('1'를 true로 변환)
'1' == 1;     // true  ('1'를 1로 변환)

 

4) 논리연산자(!!)

const arr = []
!!arr //true

 

 

 

 

 

 

 

 

 연산자 우선순위

 

다음 글에서 세부적으로 정리할 예정!