2. 데이터 타입과 형 변환

2. 데이터 타입과 형 변환

2-1. 데이터 타입

 ① 숫자(Number): Integer(정수) / Float(실수) / Exponential(지수) / Not aNumber(NaN) / Infinity(무한)

 ② 문자열(String): 작은 따옴표(')나 큰 따옴표(")로 감싸서 표현 ==>.length(길이 확인) / .concat(문자열 결합) / .substr(시작위치,길이) / .search('') =>시작점을 출력 / .replace(변경할 문자열, 위치에 넣을 문자열) / .split(문자열을 잘라줄 구분, 최대 분할 갯수)

 ③ 불리언(Boolean): 참(true)과 거짓(false)을 나타내는 데이터 타입 ==> 조거문과 논리 연산자와 함께 많이 사용된다.

 ④ undefined: 값이 할당되지 않은 변수

 ⑤ null: 값이 존재하지 않음을 의미 / 객체가 없음을 의미한다.

 ⑥ 객체(Object): 속성과 메소드를 가지는 컨테이너 역할, 중괄호({})를 이용하여 객체를 생성

 ⑦ 배열(Array): 여러 개의 데이터를 순서대로 저장하는 데어티 타입, 대괄호([])를 사용하여 배열을 생성

 

2-2. 형 변환

 ① 암시적 형 변환(implicit coercion): 자바스크립트에서 자동으로 수행되는 형 변환이며, 일반적으로 연산자를 사용할 때 발생

 ① - 1. 문자열 변환: 문자열과 다른 자료형이 연산자로 결합되어 있으면 다른 자료형을 문자열로 변환한 후 연산을 수행한다.

 ① - 2. 숫자 변환: 모두 무자열 변환되는 것은 아니다. 빈 문자열이나 공백 문자열은 0으로 변환된다. 

 ① - 3. 불리언 변환: Boolean()함수를 사용하여 불리언 값으로 변환 / 0, 빈 문자열, null, undefined, NaN은 false로 변환 그       외의 값은 true로 변환 

 ② 명시적 형 변환(explicit coercion): 개발자가 직접 자료형을 변화 

 ② - 1. 문자열 변환: String()함수를 사용하여 다른 자료형을 문자열로 변환 

 ② - 2. 숫자 변환: Number()함수를 사용하여 자료형을 숫자로 변환

---

확인 문제 풀이

@ 2-3 자료형 변환

1. 사용자로부터 불 입력을 받는 함수

 - ① confirm() 

 

2. 함수 이름 - 설명

- String() - 문자열 자료형으로 변환합니다.

 - Boolean() - 불 자료형으로 변환합니다.

 

3. 사용자로부터 숫자를 입력받아 cm를 inch 단위로 변환하여 출력하는 프로그램 작성 1cm = 0.393701inch

<script>
        // 숫자를 입력받습니다.
        const numInput = prompt(`cm를 입력해주세요.`)

        // 입력을 숫자로 변경하고 inch 단위로 변경합니다.
        const cm = Number(numInput)
        const inch = cm * 0.393701

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

 

4. 사용자로부터 원의 반지름을 입력받아 원의 넓이와 둘레를 구하는 프로그램 작성(넓이 = 3.14 * 반지름 * 반지름)

(둘레 = 2 *3.14 * 반지름)

<script>
        // 숫자를 입력받습니다.
        const numInput = prompt(`원의 반지름을 입력해주세요`)
        const radius = Number(numInput)

        // 출력합니다.
        alert(`원의 반지름 : ${radius} \n원의 넓이 : ${3.14 * radius * radius} \n원의 둘레 : ${2 * 3.14 * radius}`)
    </script>

 

5. 현재 환율을 기반으로 사용자에게 숫자를 입력받아 달러(USD)에서 원화(KRW)로 한율을 변환하는 프로그램 작성

(1달러 = 1270원)

<script>
        // 숫자를 입력받습니다.
        const numInput = prompt(`달러 단위의 금액을 입력해주세요.`)
        const dollar = Number(numInput)

        // 출력합니다.
        alert(`달러 : ${dollar} \n-> 원화 : ${1207 * dollar}`)
    </script>