Front-end/Javascript
[JS] 데이터 타입(Data Type)
집으로 감자
2025. 1. 6. 12:58
원시 타입(기본 데이터 타입)
01 숫자 (Number)
📌 정수
let num = 10;
📌 실수
let num = 3.14;
📌 지수형
let num = 2.5e*5; //2.5*10^5
📌 NaN (Not a number)
let num4 = "Hello" / 2;
📌 Infinity
let num1 = 1 / 0; // 결과: Infinity
let num2 = -1 / 0; // 결과: -Infinity
02 문자열 (String)
문자가 나열된 형태
let str = "Hello, World!";
03 불리언 (Boolean)
true와 false 값을 가진다
let bool1 = true;
let bool2 = false;
04 null
변수가 값이 존재하지 않음을 명시적으로 나타낸다
- 개발자가 의도를 가지고 사용할 때가 많다
let coffeeMenu = null;
console.log(coffeeMenu); // 결과: null
05 undefined
변수를 선언만 하고 값을 할당하지 않은 상태
= 존재 자체가 없음
let coffenMenu;
console.log(coffenMenu); // 결과: undefined
참조 타입
📌 특징
참조 타입의 데이터는 변수에 데이터가 직접 저장되는 것이 아니라
별도의 메모리 공간에 원본 데이터를 저장해두고, 원본 데이터의 주소를 변수에 저장한다
참조 타입끼리 비교할 때는 주소로 비교하기 때문에, 같은 내용의 속성을 가지고 있어도 다르다고 판단한다
ex) 박감자라는 이름을 가진 사람이 2명 있다고 해서, 둘이 같은 사람이라고 할 수 없다
01 객체(Object)
key-value로 구성된 자료 구조
let person = {
name: 'John',
age: 25,
isMarried: False
}
key - value : 속성(Property)
key : 속성의 이름 (문자열 또는 Symbol만 가능하다)
value : 속성에 연결된 실제 값 (모든 데이터 타입이 가능하다)
{} : 객체 리터럴
📌 특징
- 하나의 정보에 대해서 알려줘야 하는 것이 여러 개 있을 때 사용한다
ex) 사람의 이름, 나이, 성별
- key의 이름을 중복으로 사용할 수 없다
📌 key 안의 value에 접근하는 방법
let person = {
name: 'John',
age: 25,
isMarried: False
}
// 첫번째 방법
let name1 = person.name;
console.log(name1); // 결과: John
// 두번째 방법
let name2 = person["name"];
console.log(name2); // 결과: John
02 배열(Array)
여러 개의 데이터를 순서대로 저장하는 자료 구조
let number = [1, 2, 3, 4, 5];
let fruits = ["apple", "banana", "orange"];
[] : 배열 리터럴
📌 특징
- 데이터의 위치가 index로 존재하며 0부터 시작한다
- 배열의 요소에는 모든 데이터 타입이 올 수 있다
반응형