본문 바로가기
Programming Languages/JavaScript

[JavaScript] 자료형(Data Type)

by 더 이프 2023. 10. 13.
728x90

목차

    JavaScript의 컬러풀한 세계: 다양한 '자료형'에 빠져보자! 🎨🌈

    안녕하세요, 코드 헌터 여러분! 🚀 오늘은 웹 개발의 핵심 언어, JavaScript의 다채로운 자료형에 대해 함께 탐험을 떠나보려고 해요. 이 포스트를 통해 여러분은 JavaScript의 다양한 자료형을 이해하고, 그 활용 방법을 배우게 될 거에요. 그럼 지금부터, JavaScript의 컬러풀한 자료형 세계로 함께 빠져보아요!

     

    1. 🎨 기본 자료형(Primitive Data Types)

    JavaScript에서 가장 기본적인 자료형들은 아래와 같습니다.

    - String

    문자열 자료형은 텍스트 데이터를 표현합니다. 이는 큰따옴표(")나 작은따옴표(')로 감싸져 표현됩니다.

    let greeting = "Hello, World!";

    - Number

    숫자 자료형은 정수와 실수를 포함한 모든 숫자를 표현합니다.

    let age = 25;  // 정수
    let pi = 3.14; // 실수

    - Boolean

    참/거짓 값을 나타내는 논리 자료형입니다.

    let isCodingFun = true;

    - Null

    값이 없음을 명시적으로 나타내는 자료형입니다.

    let nothing = null;

    - Undefined

    값이 할당되지 않은 변수의 값입니다.

    let something;
    console.log(something); // undefined

    - Symbol

    유일하고 변경 불가능한(immutable) 데이터 타입입니다.

    let uniqueKey = Symbol("key");

     

    2. 🌍 객체 자료형(Object Data Types)

    - Object

    다양한 데이터 타입을 하나의 복합 데이터 단위로 그룹화하여 저장하는 자료형입니다.

    let person = {
      name: "Alice",
      age: 30,
      isProgrammer: true
    };

    - Array

    동일한 자료형의 요소를 순서대로 저장하는 리스트 형태의 객체입니다.

    let fruits = ["apple", "banana", "cherry"];

    - Function

    재사용 가능한 코드 블록을 정의하는 객체입니다.

    function greet() {
      console.log("Hi there!");
    }

     

    3. 🚀 Typeof 연산자로 자료형 알아보기

    typeof 연산자를 사용하면, 변수 또는 값을 평가하여 그 결과로 해당 데이터의 타입을 문자열로 반환합니다.

    console.log(typeof "JavaScript"); // string
    console.log(typeof 3.14);         // number

     

    🌈 JavaScript의 무지개를 찾아서...

    이렇게 JavaScript의 다양한 자료형을 함께 탐험해봤는데요, 여러분이 JavaScript 코딩을 할 때 이 자료형들을 어떻게 활용하게 될지 상상해보세요! 다음 글에서는 각 자료형을 좀 더 깊이 있게 파고들어 보도록 할게요. 그럼, 즐거운 코딩 여행 되세요! 🚀🌟🔥🎉


    Reference:

     

    JavaScript data types and data structures - JavaScript | MDN

    Programming languages all have built-in data structures, but these often differ from one language to another. This article attempts to list the built-in data structures available in JavaScript and what properties they have. These can be used to build other

    developer.mozilla.org


    💻 Happy Coding! 💻