JavaScript 데이터 타입 완벽 가이드 - 좋은공간 좋은집

JavaScript는 웹 개발에서 가장 중요한 프로그래밍 언어 중 하나로, 데이터를 다루는 다양한 방식과 이를 위한 여러 데이터 타입(Data Types)을 제공합니다. 데이터를 효과적으로 처리하고 조작하기 위해서는 데이터 타입을 정확히 이해하는 것이 필수입니다. 이 글에서는 JavaScript의 주요 데이터 타입과 그 특징을 알아보겠습니다.

JavaScript의 주요 데이터 타입

JavaScript에서는 데이터를 크게 원시 타입(Primitive Types)과 참조 타입(Reference Types)으로 나눌 수 있습니다. 원시 타입은 하나의 값만을 가지는 단순한 데이터 타입을 말하며, 참조 타입은 객체나 배열과 같이 복합적인 데이터를 저장하는 타입입니다.

1. 원시 데이터 타입 (Primitive Types)

원시 데이터 타입은 메모리 상에 직접 값을 저장하는 방식으로 동작합니다. JavaScript에서 지원하는 주요 원시 데이터 타입은 다음과 같습니다.

1.1. String (문자열)

문자열은 텍스트 데이터를 나타내는 타입으로, 작은 따옴표(')나 큰 따옴표(")로 묶어서 표현합니다.

let name = "John"; 
let greeting = 'Hello, world!';

문자열은 연산을 통해 결합할 수 있으며, 다양한 메서드를 통해 조작할 수 있습니다.

let fullName = "John" + " " + "Doe"; // 결과: "John Doe"

1.2. Number (숫자)

숫자 타입은 정수와 실수를 모두 포함하며, JavaScript에서는 정수형(int)과 부동소수점형(float)을 구분하지 않고 모두 Number 타입으로 처리합니다.

let age = 30;
let temperature = 36.5;

숫자 타입은 산술 연산을 통해 쉽게 조작할 수 있습니다.

let sum = 10 + 20; // 결과: 30

1.3. Boolean (불리언)

불리언 타입은 true 또는 false 값을 가지는 데이터 타입으로, 주로 조건문에서 많이 사용됩니다.

let isAdult = true;
let isStudent = false;

1.4. Undefined

undefined는 값이 할당되지 않은 변수를 나타냅니다. 변수를 선언만 하고 값을 할당하지 않으면 기본값으로 undefined가 설정됩니다.

let x;
console.log(x); // 결과: undefined

1.5. Null

null은 명시적으로 "값이 없다"는 것을 나타낼 때 사용합니다. undefined와는 다르게, 의도적으로 값이 없음을 나타내는 값입니다.

let y = null;
console.log(y); // 결과: null

1.6. Symbol (심볼)

Symbol은 ECMAScript 2015(ES6)에서 도입된 고유하고 변경 불가능한 원시 타입입니다. 주로 객체의 고유한 프로퍼티 키를 만들 때 사용됩니다.

let sym = Symbol('description');
console.log(sym); // 결과: Symbol(description)

2. 참조 데이터 타입 (Reference Types)

참조 타입은 객체와 같은 복합 데이터를 저장하며, 이들은 메모리 주소를 참조하는 방식으로 처리됩니다.

2.1. Object (객체)

객체는 키와 값의 쌍으로 이루어진 데이터 구조로, 여러 값을 하나로 묶어서 저장할 수 있습니다. 중괄호 {}를 사용해 객체를 생성합니다.

let person = {
    name: "John",
    age: 30,
    isAdult: true
};

객체에 접근하려면 점 표기법(.)이나 대괄호 표기법([])을 사용할 수 있습니다.

console.log(person.name); // 결과: John
console.log(person["age"]); // 결과: 30

2.2. Array (배열)

배열은 여러 개의 데이터를 순서대로 저장하는 데이터 타입입니다. 대괄호 []를 사용해 배열을 생성하며, 배열의 각 요소는 인덱스로 접근할 수 있습니다.

let colors = ["red", "green", "blue"];
console.log(colors[0]); // 결과: red

배열은 다양한 메서드를 통해 데이터를 조작할 수 있습니다.

colors.push("yellow"); 
console.log(colors); // 결과: ["red", "green", "blue", "yellow"]

2.3. Function (함수)

함수는 재사용 가능한 코드 블록으로, 특정 작업을 수행하는 데 사용됩니다. JavaScript에서 함수도 하나의 데이터 타입으로 취급되며, 변수에 할당하거나 다른 함수의 인자로 전달할 수 있습니다.

function greet() {
    console.log("Hello, World!");
}
greet(); // 결과: Hello, World!

함수는 매개변수를 받을 수 있으며, 필요한 값을 반환할 수도 있습니다.

function add(a, b) {
    return a + b;
}
console.log(add(10, 20)); // 결과: 30

데이터 타입 확인하기

JavaScript에서 변수의 데이터 타입을 확인하려면 typeof 연산자를 사용할 수 있습니다.

let num = 100;
console.log(typeof num); // 결과: number

let name = "Alice";
console.log(typeof name); // 결과: string

동적 타이핑

JavaScript는 동적 타입 언어로, 변수의 데이터 타입을 명시적으로 선언하지 않습니다. 즉, 변수는 언제든지 다른 데이터 타입의 값을 가질 수 있습니다.

let x = 10;      
x = "Hello";     
console.log(typeof x); // 결과: string

결론

JavaScript의 데이터 타입은 원시 타입과 참조 타입으로 나뉘며, 각각의 데이터 타입은 특정 상황에서 사용될 수 있습니다. 이 글을 통해 JavaScript 데이터 타입의 기초를 익히고, 이를 활용한 코드를 작성하는 데 큰 도움이 되었길 바랍니다.