본문 바로가기
기획자・디자이너를 위한 넓고 얕은 개발 지식/Javascript

4화. 자바스크립트의 데이터 타입

by theblnc 2024. 10. 28.
반응형

 

자바스크립트에서 Number, String, Boolean, null, undefined, object, Symbol은 모두 데이터 타입이에요. 각 데이터 타입은 어떤 종류의 정보를 저장하는지 알려주는 역할을 해요. 이제 하나씩 쉽게 설명해 볼게요!


1. Number (숫자)

Number숫자를 저장하는 상자라고 생각하면 돼요. 예를 들어 나이, 가격 같은 숫자를 저장할 때 사용해요.

let age = 10; // 나이는 10살 
let price = 5.99; // 가격은 5.99

2. String (문자열)

String글자를 저장해요. 이름, 인사말 같은 글자를 저장할 때 사용하는 상자예요. 글자는 따옴표로 감싸서 저장해요.

let name = "Charlie"; // 이름은 Charlie
let greeting = "안녕하세요!"; // 인사말

3. Boolean (참/거짓)

Boolean은 참(true)과 거짓(false)을 저장하는 상자예요. 예를 들어, "날씨가 맑나요?"라는 질문에 답할 때 또는 거짓을 저장할 수 있어요.

let isSunny = true; // 날씨가 맑아요
let isRaining = false; // 비가 안 와요

4. null (널)

null아무 값도 없을 때 사용하는 상자예요. 무언가를 저장할 수 있지만, 아직 값이 없다는 뜻이에요.

let result = null; // 아직 결과가 없어요

5. undefined (언디파인드)

undefined아직 값을 넣지 않은 상태를 뜻해요. 변수를 만들었지만 아직 값을 넣지 않았을 때 자바스크립트가 자동으로 undefined라고 표시해요.

let myVar; // 값을 넣지 않아서 undefined

 

반응형

6. Object (객체)

Object는 여러 가지 정보를 한 상자에 묶어서 저장하는 타입이에요. 예를 들어 사람의 이름, 나이, 직업 같은 정보를 하나로 묶을 수 있어요.

let person = { name: "Patty", age: 28, job: "디자이너" };
let person = { name: "Patty", age: 28, job: "디자이너" };​

7. Symbol (심볼)

Symbol특별한 고유의 값을 저장해요. 다른 심볼과 절대 겹치지 않는 특별한 값을 만들 때 사용해요.

let sym1 = Symbol("id"); 
let sym2 = Symbol("id"); 
console.log(sym1 === sym2); // false, 서로 다른 Symbol

결론

Number는 숫자를, String은 글자를 저장하는 상자고, Boolean은 참과 거짓을 저장해요. nullundefined는 아직 값이 없을 때 쓰고, Object는 여러 가지 정보를 한 상자에 담는 거예요. 마지막으로 Symbol은 특별한 고유의 값을 만들 때 사용한답니다!

이제 자바스크립트의 데이터 타입을 잘 알겠죠? 😊

반응형