자바스크립트 자료형 변환

박은정·2021년 7월 16일
0
post-thumbnail

숫자 자료형으로 변환
문자 자료형으로 변환
불 자료형으로 변환

숫자 자료형으로 변환 Number() 함수

Number(자료)

숫자가 적혀있는 문자열 → 숫자로 변환
예) "273" 이라는 문자열을 Number()함수에 넣으면 273 이라는 숫자로 변한다

> Number("273")
// 273

> typeof(Number("273"))
// "number"

NaN

다른 문자가 들어있어서 숫자로 변환할 수 없는 문자열의 경우 출력된다
자바스크립트에서 숫자이지만, 숫자로 나타낼 수 없는 숫자
Number() 함수를 사용해서 변환했으므로 자바스크립트에서 자료형은 숫자이지만,
실질적으로 숫자로 변환할 수 없으므로 숫자가 아니다(Not a Number) 라고 출력한다

> Number("$273")
// NaN

> typeod(Number("$273"))
// "number"

불을 숫자로 변환

true → 1
false → 0

> Number(true)
// 1

> Number(false)
// 0

숫자가 아닌 다른 자료형에서 숫자 자료형으로 변환 (연산자)

Number() 함수를 사용하지 않고도 다른 자료형을 숫자 자료형으로 변환가능하다
연산자 +, -, *, /

  1. 0을 뺀다
  2. 1을 곱한다
  3. 1로 나눈다

예시

> "52" - 0
// 52

> typeof("52" - 0)
// "number"

문자열 자료형으로 변환 String() 함수

String(자료)

다른 자료형을 문자열로 변환하면 기본 형태의 문자열로 출력된다
불 자료형도 문자열 자료형으로 변환된다

> String(52.273)
// "52.273"

> String(true)
// "true"

> String(false)
// "false"

문자열이 아닌 다른 자료에서 문자열 자료형으로 변환 +

문자열 연결 연산자 + 사용

> 273 + ""
// "273"

> true + ""
// "true"

불 자료형으로 변환 Boolean()

Boolean()

대부분의 자료는 불로 변환했을 때 true로 변환되지만
false로 변환되는 경우도 있다

  • 0
  • NaN
  • ""이나 '' 같은 빈 문자열
  • null
  • undefined
> Boolean(0)
// false

> Boolean(NaN)
// false

> Boolean("")
// false

> let 변수
// undifined

> Boolean(변수)
// false

Boolean('0') Boolean('false') 는 문자열이므로 true 이다


활용문제 : inch 단위를 cm 단위로 변경

// 숫자 입력받음
const rawInput = prompt('inch 단위의 숫자를 입력해주세요.')

// 입력받은 데이터를 숫자형으로 변경하고 cm 단위로 변경한다
const inch = Number(rawInput)
const cm = inch * 2.54

// 출력한다
alert('${inch}inch는 ${cm}cm 입니다.')
profile
새로운 것을 도전하고 노력한다

0개의 댓글