728x90
<!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>
let str = "문자형 데이터"
let num = 12345
console.log(str);
console.log(num);
let str1 = prompt("좋아하는 숫자");
console.log(str1); //string 형태로 출력이 됨 (문자열 데이터)
// 형변환 방법 1
// 문자열 >> 숫자 변환
// pareInt : a문자열응ㄹ 숫자형태(정수)로 변경
// parseFloat: 문자열을 숫자형태 (실수)
// Number: 문자열을 숫자형태(정수&실수)로 변경
console.log("변환 전",str1,typeof(str1));
console.log("변환 후 방법 1 : ",parseInt(str1),typeof(parseInt(str1)));
// parseInt: 임시로 변환해주는거라 영구적으로 변화이 아니다.~!!
console.log("변환 후 방법 2 : ",Number(str1),typeof(Number(str1)));
console.log("변환 후 방법 3 : ",parseFloat(str1),typeof(parseFloat(str1)));
let num1 = "13.5";
console.log("변환 전",str1,typeof(num1));
console.log("변환 후 방법 1 : ",parseInt(num1),typeof(parseInt(num1))); // 13 출력 (소숫점 안나옴)
// parseInt: 임시로 변환해주는거라 영구적으로 변화이 아니다.~!!
console.log("변환 후 방법 2 : ",Number(num1),typeof(Number(num1)));
console.log("변환 후 방법 3 : ",parseFloat(num1),typeof(parseFloat(num1)));
// 문자열 데이터를 숫자로 변환할때 NaN(not a number)으로 출력 >> 이런 경우 데이터 다시 체크
console.log("변환 후 방법 예외 : ",parseFloat(str),typeof(parseFloat(str)));
// 형변환 방법2
// 숫자>> 문자열로 변환
// toString()
let str2 = 130;
str2 = str2.toString()
</script>
</body>
</html>
출처: 스마트인재개발원
728x90
반응형
'DATA 분석 교육 과정 (2024.02~08) > JavasScript' 카테고리의 다른 글
| JS_조건문, 반복문 (0) | 2024.04.24 |
|---|---|
| JS_형변환(실습) (0) | 2024.04.24 |
| JS_연산자 (0) | 2024.04.24 |
| JS_변수_입출력(실습) (0) | 2024.04.24 |
| JS_변수_var,let (0) | 2024.04.24 |
