Front/JavaScript
JavaScript -데이터 타입
by Hyeon_
2021. 12. 7.
데이터 타입(데이터 값의 유형)
- 숫자 : 정수형, 실수형
- 문자 : 'a'
- 문자열 : "string", '작은따옴표 가능'
- NaN : Not a Number (숫자가 아닌데 숫자로 사용할 경우)
- 논리값 : true, false
- undefined와 null
- null : '참조 객체 없음'의 의미 (값이 없을 때)
- undefined : 값의 유형을 알 수 없음
데이터 형변환
- parseInt() : 정수 값으로 형변환
- parseFloat() : 실수값으로 형변환
- String() / toString() : 문자열로 형변환
dataType.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JavaScript 데이터 타입</title>
<script type="text/javascript">
var num1 = 15;
var num2 = 123.45;
var answer = 'y';
var name = "홍길동";
var address = '서울시 강남구';
var result = true;
var nothing;
// 취소 누르면 null 값 반환
var input = prompt("자료형 예제", "취소 버튼 누르시오");
// 1. 숫자연산
document.write("정수*실수 : " + (num1 * num2));
// 2. 형변환(parseInt(num2)
document.write("<br>실수를 정수로 형변환 : " + parseInt(num2));
// 3. 숫자를 문자열로 변환
document.write("<br>숫자를 문자열로 형 변환 : " + String(num1) + num2.toString());
// 4. 문자열 * 문자열 NaN
document.write("<br>문자열 곱하기 : " + (name * address));
// 5. nothing 변수를 선언하고 값을 저장하지 않은 경우
// undefined : 값의 유형을 알 수 없음
document.write("<br>nothing : " + nothing);
// 6. prompt() 대화상자에 '취소' 누를 경우 null 값 들어감 -> 참조 객체 없음
document.write("<br>input : " + input);
</script>
</head>
<body>
</body>
</html>
