Javascript - 데이터타입 완벽하게 이해하기

자바스크립트 데이터타입 이해하기

자바스크립트는 프로그래밍 언어로서 다양한 데이터 타입을 지원합니다. 데이터 타입을 이해하는 것은 코드를 작성하고 이해하는 데 매우 중요한 역할을 합니다. 이 글에서는 자바스크립트의 주요 데이터 타입들과 각 데이터 타입의 특징 및 사용법을 살펴보겠습니다.

 

1. 기본 데이터 타입 (Primitive Data Types)

기본 데이터 타입은 자바스크립트에서 가장 기본적인 데이터 형태로, 여러분이 코드에서 가장 자주 사용하게 될 데이터 타입입니다. 기본 데이터 타입에는 다음과 같은 것들이 있습니다.

 

1.1. Number

숫자 데이터 타입은 정수와 실수를 포함한 모든 숫자를 나타냅니다. 자바스크립트에서는 모든 숫자를 64비트 부동 소수점 형식으로 저장합니다.

const integer = 42;
const floatingPoint = 3.14;

 

1.2. String

문자열 데이터 타입은 텍스트를 표현합니다. 자바스크립트에서 문자열은 작은따옴표('), 큰따옴표("), 백틱(````)으로 둘러싸서 표현할 수 있습니다. 백틱은 ES6부터 도입된 템플릿 리터럴(template literal)이라 불리며, 문자열 내에 표현식을 삽입할 수 있습니다.

const singleQuote = 'Hello, World!';
const doubleQuote = "Hello, World!";
const templateLiteral = `Hello, ${singleQuote}`;

 

1.3. Boolean

불리언 데이터 타입은 참(true)과 거짓(false) 두 가지 값을 가집니다. 불리언은 주로 조건문이나 논리 연산에서 사용됩니다.

const isTrue = true;
const isFalse = false;

 

1.4. Null

null 데이터 타입은 의도적으로 값이 없음을 나타내기 위해 사용됩니다. 변수에 null 값을 할당하면 해당 변수는 값이 없음을 나타내게 됩니다.

const emptyValue = null;

 

1.5. Undefined

undefined 데이터 타입은 값이 할당되지 않은 변수를 나타냅니다. 변수를 선언하고 값을 할당하지 않으면 자동으로 undefined 값이 할당됩니다.

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

 

1.6. Symbol

Symbol 데이터 타입은 ES6부터 도입된 유일한 식별자를 생성하는 데 사용됩니다. Symbol은 객체의 속성 키로 사용할 때 유용하며, 이름 충돌을 방지할 수 있습니다.

const symbol1 = Symbol("mySymbol");
const symbol2 = Symbol("mySymbol");

console.log(symbol1 === symbol2); // false

 

2. 객체 데이터 타입 (Object Data Type)

객체 데이터 타입은 속성과 메서드를 가지는 복합 데이터 구조를 나타냅니다. 자바스크립트에서는 여러 가지 내장 객체 타입이 있으며, 사용자 정의 객체를 생성할 수도 있습니다.

 

2.1. Object

일반 객체는 키와 값 쌍을 저장하는 데이터 구조입니다. 객체 리터럴 문법을 사용하여 객체를 생성할 수 있습니다.

const person = {
  name: "Alice",
  age: 30,
  greet: function () {
    console.log("Hello, my name is " + this.name);
  },
};

person.greet(); // "Hello, my name is Alice"

 

2.2. Array

배열은 순서가 있는 요소의 집합입니다. 각 요소는 인덱스를 통해 접근할 수 있습니다. 배열 리터럴 문법을 사용하여 배열을 생성할 수 있습니다.

const numbers = [1, 2, 3, 4, 5];
console.log(numbers[1]); // 2

 

2.3. Function

함수는 특정 작업을 수행하는 코드 블록입니다. 함수는 이름을 가질 수도 있고, 익명일 수도 있습니다. 함수는 일급 객체로 간주되어 변수에 할당하거나 다른 함수의 인수로 전달할 수 있습니다.

function add(x, y) {
  return x + y;
}

const result = add(2, 3);
console.log(result); // 5

 

2.4. Date

Date 객체는 날짜와 시간을 나타냅니다. 날짜 및 시간 연산에 유용한 메서드를 제공합니다.

const now = new Date();
console.log(now); // 현재 날짜와 시간 출력

 

2.5. RegExp

RegExp 객체는 정규 표현식을 나타냅니다. 문자열의 패턴을 찾거나 대체하는 데 사용됩니다.

const regex = /Hello/;
const text = "Hello, World!";
console.log(regex.test(text)); // true

 

정리

자바스크립트의 데이터 타입은 코드를 작성하고 이해하는 데 중요한 역할을 합니다. 기본 데이터 타입과 객체 데이터 타입을 이해하면 자바스크립트로 더 효과적인 코드를 작성할 수 있습니다. 기본 데이터 타입은 숫자, 문자열, 불리언, null, undefined 및 심볼을 포함하며, 이들은 원시 데이터 타입입니다. 객체 데이터 타입에는 일반 객체, 배열, 함수, 날짜, 정규 표현식 등이 포함되어 있습니다.

마지막으로, 자바스크립트의 동적 타이핑 특성으로 인해 데이터 타입이 자동으로 변환되는 경우가 있습니다. 이러한 형 변환을 이해하고 필요한 경우 명시적으로 형 변환을 수행하는 것이 중요합니다. 이렇게 함으로써 자바스크립트의 데이터 타입을 최대한 활용하여 더 강력한 웹 애플리케이션을 구현할 수 있습니다.