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>
'JavaScript Dev. > Javascript' 카테고리의 다른 글
6. 배열, 객체 (0) | 2023.04.08 |
---|---|
5. 조건문 (0) | 2023.04.07 |
4. 함수 (0) | 2023.04.07 |
3. 연산자 (0) | 2023.04.07 |
1. 변수와 상수 (1) | 2023.04.07 |