<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
// 형변환
// 현재 num은 String
let num = '3.14'
// 1. 문자 -> 실수 : parseFloat
let num2 = parseFloat(num)
console.log('실수로 형변환>> ', num2)
// 2. 문자 -> 정수 : pareInt
let num3 = parseInt(num)
console.log('정수로 형변환>> ', num3)
// 3. 문자 ->> 숫자 : Number
// '3.14' -> 3.14
// 실수를 넣으면 실수로
console.log('숫자로 형변환(실수)>> ', Number(num))
// '3' -> 3
// 정수를 넣으면 정수로
let num4 = '3'
console.log('숫자로 형변환(정수)>> ', Number(num4))
// 4. 숫자 -> 문자 : String
// 첫번째 방법
console.log('문자로 형변환>> ', Stirng(num3))
// 두번째 방법
console.log('문자로 형변환>> ', num3.toString())
</script>
</body>
</html>
728x90
반응형
'언어 > JavaScript' 카테고리의 다른 글
| JS_element 스타일 변경 (0) | 2022.07.11 |
|---|---|
| JS_DOM (0) | 2022.07.11 |
| JS_조건문 (0) | 2022.07.07 |
| JS_연산자 (0) | 2022.07.06 |
| JS_자료형 (0) | 2022.07.06 |