JS의 자료형에 대해 배우다.
<!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>
/* 자료형 : 데이터의 형태
1) 기본 유형 */
// (1) 숫자형(number) : 정수, 실수 등 산술연산이 가능한 자료형
// ** 타입을 알 수 있는 방법?
// a. typeof()
// b. console창의 색상 - 검정 = 문자열, 파랑 = 숫자형, 논리형
// 문자 + 숫자 => 문자화되버림
let num1 = 3;
console.log("숫자형:", typeof(num1))
let num2 = 3.14;
console.log("숫자형:", typeof(num2))
// (2) 문자열(string)
// 큰따옴표, 작은따옴표로 묶어서 나타내는 데이터
// 숫자를 따옴표로 감싸더라도 문자가 된다.
// prompt의 return 타입은 string 형태
let name = "ㅇㅎㅎ";
console.log("문자열 :", name)
// (3) 논리형(boolean)
// 참(ture), 거짓(false) 2가지 값만 존재하는 유형
// 소문자로 작성
// "" 안에 쓰면 문자열이 됨
let isOpen = true;
console.log("논리형:", isOpen)
// 2) 특수 유형
// (1) undefined : 정의가 되지 않음
// => 선언만 되고, 초기 값이 할당 되지 않은 상태
// JS는 동적으로 타입을 정의해주는 언어이기 때문에
// 처음에 데이터를 넣지 않고 선언한다면 undifined 형태가 됨
let data; // 절대로 이렇게 선언하지 말 것
console.log(data)
// (2) null : 비워져있을 때
// 의도적으로 그 공간을 비워줄 때
let money = 3000;
money = null;
console.log("null:", money)
</script>
</body>
</html>
이 변수가 어떤 자료형인지 확인하는 방법 -> typeof(변수)
'Front-End > 1. JavaScript 기초' 카테고리의 다른 글
| [JS] Ex06_대입_논리연산자.html (0) | 2023.06.12 |
|---|---|
| [JS] Ex05_산술_증감연산자.html (0) | 2023.06.12 |
| [JS] Ex03_이름 실습.html (0) | 2023.06.12 |
| [JS] Ex02_변수.html (0) | 2023.06.12 |
| [JS] Ex01_입출력.html (0) | 2023.06.12 |
