02 -3 자바스크립트 문자열 입력, 불(bool) 입력, 자료형 변환 함수

문자열 입력 함수 prompt()

 

JS 손코딩 실습

 

        const input = prompt('message','_default')
        alert(input)

 

 

 

칸에 'Hello JS' 문자 입력하고

 

 

확인을 누르면 입력한 내용이 출력

 

 

 

불(boolean) 입력 함수 confirm()

 

    <script>
        const input = confirm('Are you OK?')
        alert(input)
    </script>

 

 

실행하면 메시지 창이 나오고

확인 버튼은 True를 리턴, 취소 버튼은 False를 리턴

 

 

 

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

 

- 다른 문자가 들어있어서 숫자로 변환할 수 없는 문자열의 경우 NaN이라는 값을 출력

- NaN(Not a Number)은 자바스크립트에서는 숫자이지만, 숫자로 나타낼 수 없는 숫자를 의미

 

 

 

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

 

+) String함수를 쓰지 않고도 문자열 자료형으로 변환 가능 -> 빈 문자열("")을 연산자 '+' 로 연결

 

 

 

불 자료형으로 변환하는 함수 : Boolean()

- 대부분의 자료는 bool로 변환하면 true로 변환. 그러나 5개의 자료형은 false로 변환 (암기)

- 0, NaN, "", null, 변수

 

 

+) 불린 함수를 사용하지 않고 논리 부정 연산자(!)를 사용해 불 자료형으로 변환 가능

 

 

 

누적 예제

inch를 cm 단위로 변경하기

 

    <script>
        const input = prompt('inch 단위의 숫자를 입력해죠')
        
        const inch = Number(input)
        const cm = inch * 2.54

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

 

마지막 라인에서 '' <- 이거가 아니고 `` <- 이거였다.

 

 

테스트 100을 입력하니까 cm로 변환한 값을 출력

 

 

 

확인 문제4

원의 반지름을 입력받아 원의 넓이와 둘레를 구하는 프로그램

 

    <script>
        const r = prompt('반지름 입력해봐')
        
        const area = 3.14 * r * r
        const circle = 2 * 3.14 * r

        console.log(`원의 반지름 : ${r}`)
        console.log(`원의 넓이 : ${area}`)
        console.log(`원의 둘레 : ${circle}`)
    </script>

 

 

 

실행 결과