앞서 자료와 자료형에 대해 알아보았으니 이번 글에선 자료형 간의 변환에 대해 알아보자.
숫자 자료형으로 변환하기
다른 자료형을 숫자 자료형으로 변환할 때는 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 |