일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- 오블완
- 자바스크립트 실행 컨텍스트
- 자바스크립트 반복문
- 자바스크립트 onclick
- css3
- front-end
- 자바스크립트 dom의 목적
- 자바스크립트
- 자바스크립트 클래스
- 웹 개발 트렌드
- 프론트엔드
- 자바스크립트 dom 문법
- 자바스크립트 innerhtml
- css display
- 자바스크립트 innertext
- 자바스크립트 스코프
- javascript opreators
- javascript opreator
- 자바스크립트 상속
- html 주석
- html 코드
- 자바스크립트 연산자
- HTML
- css position
- 자바스크립트 생성자 함수
- javascript
- 자바스크립트 scope
- CSS
- 티스토리챌린지
- css 포지션
- Today
- Total
Multi Developer SuHo
[자바스크립트] 자료형(Data type)의 종류와 원시타입의 종류 본문
안녕하세요 이번에는 자바스크립트의 자료형과 원시타입의 종류를 알아보겠습니다.
목차
1. 자바스크립트 자료형(Data type)
1-1. 자료형이란?
1-2. 자료형의 종류
2. 원시타입
2-1. 원시타입이란?
2-2. 원시타입의 종류
서론
자바스크립트에서 자료형의 종류와 중요한 원시타입의 종류를 알아보겠습니다. 자료형의 종류에는 어떤 것들이 있는지, 그리고 원시타입의 간단한 개념과 종류를 살펴보겠습니다.
본론
먼저 자바스크립트에서 자료형이 무엇인지 알아볼 필요가 있겠습니다.
1-1. 자료형이란?
자바스크립트에서 다루는 모든 데이터는 자료형을 가지고 있습니다. 자료형이란, 데이터의 종류를 나타내는 것으로, 어떤 종류의 데이터인지에 따라 저장 방식과 연산 방식이 달라집니다.
1-2. 자료형의 종류 (원시타입, 참조타입)
자바스크립트의 자료형은 크게 원시 타입과 참조 타입으로 나눌 수 있습니다.
원시 타입 (Primitive Data Types)
원시 타입은 값 자체를 직접 저장하는 가장 기본적인 데이터 유형입니다. 변수에 원시 값을 할당하면 변수는 그 값을 직접 가리키게 됩니다.
원시타입의 종류는 밑에 있습니다~
참조 타입 (Reference Types)
참조 타입은 값 자체를 저장하는 것이 아니라, 값이 저장된 메모리 주소를 저장합니다. 즉, 변수는 실제 데이터가 저장된 메모리 위치를 가리키는 참조를 가지고 있습니다.
- 객체 (Object): 다양한 속성과 메서드를 가진 복합적인 데이터를 나타냅니다.
- 배열 (Array): 순서가 있는 데이터의 집합을 나타냅니다
- 함수 (Function): 코드 블록을 저장하여 재사용할 수 있도록 합니다.
객체와 배열, 함수는 일단 개념만 알고 넘어가도록 하겠습니다.
2. 원시타입
2-1. 원시타입이란?
원시 타입은 값 자체를 직접 저장하는 가장 기본적인 데이터 유형입니다. 변수에 원시 값을 할당하면, 변수는 그 값을 직접 가리키게 됩니다.
2-2. 원시타입의 종류
- 숫자 (Number): 정수, 소수 등 모든 숫자를 나타냅니다.
- 문자열 (String): 텍스트 데이터를 나타냅니다.
- 불리언 (Boolean): 참(true) 또는 거짓(false)을 나타냅니다.
- null: 의도적으로 값이 없음을 나타냅니다.
- undefined: 변수가 선언되었지만 값이 할당되지 않았을 때 나타냅니다.
- Symbol: 고유한 값을 생성하기 위한 객체입니다. ES6에서 새롭게 추가되었습니다.
- BigInt: 매우 큰 정수를 표현하기 위한 타입입니다. ES2020에서 추가되었습니다.
숫자 (Number) 타입의 예시 코드입니다
let num1 = 10; // 정수
let num2 = 3.14; // 소수
let num3 = -5; // 음수
let num4 = 0; // 0
문자열(String) 타입의 예시 코드입니다
let str1 = "Hello, world!";
let str2 = '안녕하세요';
불리언(Boolean) 타입의 예시 코드입니다
let isTrue = true;
let isFalse = false;
null 타입의 예시 코드입니다
let emptyValue = null;
undefined 타입의 예시 코드입니다
let x; // x는 undefined
Symbol 타입의 예시 코드입니다
let symbol1 = Symbol();
let symbol2 = Symbol('unique');
Bight 타입의 예시 코드입니다
let bigInt1 = 12345678901234567890123456n;
결론
Symbol 타입과 Bight 타입은 일단 알아두고 중요한 타입은 위에 있는 5가지인 number, string, boolean , null , undefined 입니다.
이상입니다.
'자바스크립트 기록' 카테고리의 다른 글
[ 자바스크립트 문법 ] 논리연산자 , 반복문 (while 문) (0) | 2025.01.11 |
---|---|
[자바스크립트 문법 ] 조건문(if else~if문 ), 반복문 (for문) (0) | 2025.01.09 |
[ 자바스크립트 ]연산자(operator) 이항 산술 연산자, 단항 산술연산자, 전위 연산자, 후위 연산자 (0) | 2025.01.09 |
[자바스크립트 문법] 자바스크립트 변수, 변수 선언 및 사용 (0) | 2025.01.08 |
[자바스크립트 기초 ] 자바스크립트란 무엇인가? , 자바스크립트의 역사와 역할과 특징 (0) | 2025.01.08 |