Frontend/JavaScript

자료와 변수 ② 자료형 변환

minhi 2024. 9. 14. 01:04

앞서 자료와 자료형에 대해 알아보았으니 이번 글에선 자료형 간의 변환에 대해 알아보자.

 

숫자 자료형으로 변환하기

 

다른 자료형을 숫자 자료형으로 변환할 때는 Number() 함수 또는 숫자 연산자를 사용할 수 있다.

 

Number() 함수는 문자열 자료형을 숫자 자료형으로, 불 자료형 true는 1, false는 0으로 변환한다.

> Number("10")
10
> Number(true)
1
> Number(false)
0

 

문자열 자료형 또는 불 자료형에서 0을 빼거나, 1을 곱하거나, 1로 나누면 각 자료형을 숫자 자료형으로 변환할 수 있다.

> "10" - 0
10
> true - 0
1
> false - 0
0
더보기
더보기

다른 자료형을 숫자 자료형으로 변환하다보면 NaN 값을 만나게 되는데, 이때 NaN 값은 자료형은 숫자 자료형이나 자료를 숫자 형태로 표현할 수 없는 값을 의미한다.

> Number("#10")
NaN
> typeof(Number("#10"))
"number"

 

문자열 자료형으로 변환하기

 

다른 자료형을 문자열 자료형으로 변환할 때는 String() 함수 또는 문자열 연산자를 사용할 수 있다.

 

String() 함수는 숫자 자료형과 불 자료형을 문자열 자료형으로 변환한다.

> String(10)
"10"
> String(true)
"true"
> String(false)
"false"

 

숫자 자료형 또는 불 자료형에 빈 문자열을 연결하면 각 자료형을 문자열 자료형으로 변환할 수 있다.

> 10 + ""
"10"
> true + ""
"true"
> false + ""
"false"

 

불 자료형으로 변환하기

 

다른 자료형을 불 자료형으로 변환할 때는 Boolean() 함수 또는 논리 부정 연산자를 사용할 수 있다.

 

Boolean() 함수는 0, NaN, '', "", null, undefined는 false로, 이를 제외한 모든 자료는 true로 변환한다.

> Boolean(10)
true
> Boolean("10")
true

> Boolean(0)
false
> Boolean(NaN)
false
> Boolean('')
false
> Boolean("")
false
> Boolean(null)
false
> Boolean(undefined)
false

 

숫자 자료형 또는 문자열 자료형에 2개의 논리 부정 연산자 !!를 사용하면 각 자료형을 불 자료형으로 변환할 수 있다.

> !!10
true
> !!"10"
true

> !!0
false
> !!NaN
false
> !!''
false
> !!""
false
> !!null
false
> !!undefined
false

 

 

 

 

 


이 글은 혼자 공부하는 자바스크립트 (윤인성 저)를 바탕으로 공부한 내용을 작성한 글입니다.