자바스크립트에서는 따로 자료형이 없이 var로 선언한다.
하지만 자체적으로 숫자형과 문자형을 구분하는데
문자형으로 들어온 숫자데이터를 숫자형으로
숫자형으로 들어온 데이터를 문자형으로 변환이 가능하다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script type="text/javascript">
var age = window.prompt("나이를 입력하세요"); // 문자열로 자동 형변환
age = age + 30;
alert("결과값 : " + age);
var age2 = window.prompt("나이를 입력하세요");
var age2 = parseInt(age2) + 30;
alert("형변환 결과값 : " + age2);
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script type="text/javascript">
var a = "30";
var result = 1 + a + 30;
//alert(result);
var result2 = 2 + true;
//alert(result2);
var result3 = "2" + true;
//alert(result3);
// 명시적인 형변환
// 문자열 형변환
var c = 234;
console.log(c.toString()); // 숫자 -> 문자
console.log((100 + 34).toString());
var y = 8.754;
console.log(y.toFixed());
// 입력 매개변수를 숫자로 변환
console.log(Number(true));
console.log(Number("10"));
console.log(Number("10.45"));
console.log(Number("sky"));
// 입력 값을 정수로 변환
console.log(parseInt("123"));
console.log(parseInt("10.45"));
// 입력 값을 실수로 변환
console.log(parseFloat("123.45"));
console.log(parseFloat("10"));
</script>
</body>
</html>
728x90
반응형
'HTML > Javascript 기초' 카테고리의 다른 글
| [Javascript] timeout 사용해보기 (0) | 2020.07.31 |
|---|---|
| [Javascript] timer 사용하기 (0) | 2020.07.31 |
| [Javascript] 전역변수, 지역변수 (0) | 2020.07.31 |
| [Javascript] 자바스크립트 클래스 생성하기 (0) | 2020.07.31 |
| [Javascript] 자바스크립트 함수 만들어 보기 (0) | 2020.07.30 |
