코딩앙마 자바스크립트 기초 강의 4. 형변환

String() 문자형으로 변환

Number() 숫자형으로 변환

Boolean() 불리언형으로 변환

 

형변환이 필요한 이유?

문자형 + 문자형 = 문자형

숫자형 + 숫자형 = 숫자형

문자형 + 숫자형 = ?

의도하지 않은 현상이 발생할 수 있음

 

tip)사칙연산은 나눗셈,곱셈이 덧셈,뺄셈보다 먼저 계산됨

 

prompt 입력 > 문자형

그래서 숫자 값을 받아왔더라도 문자형의 덧셈이 됨

 

숫자형이 아니더라도 나눗셈은 숫자형으로 변환되어서 계산됨

>자동 형변환

자동 형변환은 원인을 찾기 힘든 에러를 발생 시킬 수 있음

 

그래서 의도를 가지고 원하는 타입으로 변환

>명시적 형변환

 

명시적 형변환을 하는 방법

 

1. String(값)

괄호안의 값을 문자형으로 변형해줌

(예 : String(3) > "3"이 됨)

tip)맨 앞은 대문자로 작성 할 것

 

 

2. Number()

괄호안의 값을 숫자형으로 변형해줌

사용자로부터 입력받은 값이 문자형인 경우 자주 사용

(예 : Number("123") > 123이 됨)

괄호안의 값이 문자인 경우(Number("문자")) NaN이 되므로 주의

tip)맨 앞은 대문자로 작성 할 것

 

number에 true, false를 넣으면

true는 1값을 가지고 false는 0값을 가진다.

 

 

3.Boolean()

false의 케이스만 기억하면 됨

false

- 숫자 0

- 빈 문자열 ""

- null

- undefined

- NaN

위의 경우를 제외하고는 모두 true 값을 가진다

 

 

주의사항

버그 없는 코드를 만드려면 외워둘 것

Number(null) // 0

Numver(undefined) // NaN

 

 

Boolean(0) // false 숫자형0

Boolean('0') // true 문자형0

 

Boolean('') // false(빈 문자열)

Boolean(' ') // true(공백이 있음)