본문 바로가기
Frontend/JavaScript

자료와 변수 ② 자료형 변환

by minhi 2024. 9. 14.

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

 

숫자 자료형으로 변환하기

 

다른 자료형을 숫자 자료형으로 변환할 때는 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

 

 

 

 

 


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

'Frontend > JavaScript' 카테고리의 다른 글

조건문 ① if 조건문  (0) 2024.09.14
입력과 출력  (1) 2024.09.14
자료와 변수 ③ 상수와 변수  (0) 2024.09.14
자료와 변수 ① 기본 자료형  (0) 2024.09.14
JavaScript 기본  (1) 2024.09.13