자바스크립트 자료형 변환

자바스크립트 자료형 변환

어떤 자료형의 값을 다른 자료형으로 변경하는 것

 

📌 문자열 입력

사용자로 부터 글자를 입력 받을 때 사용하는 함수

   <script>
        const input = prompt('비밀번호를 입력하세요', '_default')

        alert(input)
    </script>

---

📌 불 입력

불 입력을 받는 함수

    <script>
        const input = confirm('수락하시겠습니까?')

        alert(input)
    </script>

---

📌 숫자 자료형으로 변환하기

Number(자료)

 

예시

> "273"
'273'
> typeof("273")
'string'
> typeof(Number("273"))
'number'

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

> "52"-1
51
> typeof("52"-0)
'number'

> typeof(true - 1)
'number'
> true - 1
0

---

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

String(자료)

 

예시

> typeof(52.273)
'number'
> typeof(String(52.273))
'string'

> typeof(273 + "")
'string'
> 273 + ""
'273'

---

📌 불 자료형으로 변환하기

Boolean(자료)

 

예시

> Boolean(0)
false

> Boolean(NaN)
false

> Boolean("")
false

> Boolean(null)
false

> let 변수
undefined
> Boolean(변수)
false

대부분의 자료는 불로 변환했을 때, true가 나온다.

0, NaN, "", null, undefined 등의 5가지 자료형은 false로 변환된다. 

 

---

📌 실습예제

1. inch를 cm로 변환

    <script>
        const rawInput = prompt('inch 단위의 숫자를 입력해주세요.')
        const inch = Number(rawInput)
        const cm = inch * 2.54

        alert(`${inch}inch는 ${cm}cm 입니다.`)
    </script>

 

2. cm를 inch로 변환

    <script>
        const rawInput = prompt('cm 단위의 숫자를 입력해주세요.')
        const cm = Number(rawInput)
        const inch = cm * 0.393701

        alert(`${cm}cm는 ${inch}inch 입니다.`)
    </script>

 

3. 원의 반지름을 입력받아 넓이와 둘레 구하기

    <script>
        const rawInput = prompt('원의 반지름을 입력해주세요.')
        const r = Number(rawInput)
        const area = 3.14 * r * r
        const circumference = 2 * 3.14 * r

        alert(`
            원의 반지름 : ${r} 
            원의 넓이 : ${area} 
            원의 둘레 : ${circumference}
            `)
    </script>

 

4. 달러(USD)에서 원화(KRW)로 환율을 변환하는 프로그램

    <script>
        const rawInput = prompt('달러 금액을 입력해주세요.')
        const USD = Number(rawInput)
        const KRW = USD * 1207

        alert(`원화 : ${KRW}`)
    </script>

 

5. 위 문제처럼 데이터를 입력받아 처리하고 출력하는 프로그램에는 어떤 것들이 있는지 생각해보기

• 섭씨를 화씨로 변환
• 시급을 입력하면 월급으로 변환
• 비중을 입력받아 무게 계산하기

---

참고한 책 : 혼자서 공부하는 자바스크립트