320x100
1. 숫자형 (Number)
let num = 123;let decimal = 12.34;소수점도 저장할 수 있음
무한대
alert( 1 / 0 ); // 무한대
alert( Infinity ); // 무한대
// 이렇게 직접 무한대를 선언 할 수 있음
NaN (문자열을 숫자로 나누면 오류 발생)
alert( "숫자가 아님" / 2 ); // NaN, 문자열을 숫자로 나누면 오류가 발생합니다.
2. BigInt (아주 큰 숫자를 저장할때 쓴다.)
자바스크립트에선 (253-1)(9007199254740991) 보다 큰 값 혹은 -(253-1) 보다 작은 정수는 '숫자형’을 사용해 나타낼 수 없음
let bigNumber = 123456789012345678901234567890n;그 이상의 숫자에 n을 붙여 사용
3. 문자형 (String)
문자형은 글자, 단어, 문장 등 문자열을 저장하는 자료형이에요. 따옴표로 묶어서 표현
• 큰따옴표: "Hello"
• 작은따옴표: 'Hello'
• 백틱(역따옴표): `Hello`
let name = "John";
alert(`Hello, ${name}!`); // "Hello, John!"이라고 나와요백틱 사용으로 숫자 넣자 ${변수}
4. 불린형 (Boolean)
불린형은 true(참) 또는 false(거짓)만 가질 수 있는 자료형
let isGreater = 5 > 3; // true
let isGreater = 5 < 3; // false
5. null
null은 “아무것도 없다” 변수가 비어 있음을 나타냄
let empty = null;
6. undefined
undefined는 변수에 값이 할당되지 않았을 때 나타나는 값
let x; // let x = ㅇㅇ; 이렇게 선언을 해야함
alert(x); // undefined
7. 객체형 (Object)
객체는 여러 가지 데이터를 한 곳에 모아놓은 복잡한 자료형
let person = {
name: "John",
age: 30
};
8. 연습
let year = 2024;
let birth;
birth = prompt('출생년도를 입력하세요. (YYYY)');
age = year - birth + 1;
alert(year + "년 현재 <br>" + birth+ "년에 태어난 사람의 나이는" + age+ "세 입니다.");<!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 src="/js/자료형.js"></script>
</body>
</html>
반응형
'코딩 > JS' 카테고리의 다른 글
| JS 자바스크립트 Alert , FUNTION 웹페이지 적용 (0) | 2024.08.28 |
|---|---|
| JS 자바스크립트 형변환 설명 (0) | 2024.08.27 |
| JS 자바스크립트 alert, prompt, confirm 활용 (0) | 2024.08.27 |
| JS 자바스크립트 변수와 상수 (2) | 2024.08.26 |
| 자바스크립트 1. alert 를 이용하여 'hello world! 출력하기' (0) | 2024.08.26 |
