자바스크립트 자료형 쉽게 이해하기: 기본 자료형부터 참조 자료형까지

자바스크립트에는 다양한 자료형이 있어. 크게 기본 자료형과 참조 자료형으로 나눌 수 있어. 이 글을 통해 각 자료형을 쉽게 이해할 수 있게 설명해줄게.

---

1. 기본 자료형

기본 자료형은 말 그대로 기본적인 데이터 형태를 말해. 여기에는 숫자, 문자열, 논리형, 특수자료형, 심볼이 포함돼.

 

1.1 숫자(Number)

숫자는 우리가 생각하는 수의 값을 말해. 양수, 음수, 정수, 소수, 지수 등 모두 숫자형에 속해.

예를 들어, const age = 25;처럼 숫자를 변수에 담아 사용할 수 있어.

 

1.2 문자열(String)

문자열은 큰 따옴표("")나 작은 따옴표('')로 감싸진 값을 말해. 예를 들어, const name = "John";나 const greeting = 'Hello';처럼 사용할 수 있어.

const num = 42;
const str = "Hello, World!";

 

1.3 논리형(Boolean)

논리형은 true 또는 false 값을 갖는 자료형이야. 예를 들어, const isStudent = true;와 같이 사용할 수 있어.

const bool = true;
const bool2 = false;

 

1.4 특수자료형

특수자료형에는 undefined와 null이 있어.

• undefined: 값이 정의되지 않은 상태를 나타내. 변수를 선언만 하고 값을 할당하지 않으면 undefined가 돼. 예를 들어, let tvChannel;처럼 사용할 수 있어.
• null: 값이 없다는 것을 명시적으로 나타낼 때 사용해. 예를 들어, const movieChannel = null;처럼 사용할 수 있어.

const tvChannel = undefined;
const movieChannel = null;

 

1.5 심볼(Symbol)

심볼은 유니크한 값을 생성해. 심볼은 절대로 중복되지 않는 값을 만들어야 할 때 유용해. 예를 들어, const id = Symbol("uniqueId");처럼 사용할 수 있어.

const t = Symbol("회원 테이블의 고유한 id 값으로 사용하기 위해");
const a = Symbol();

---

2. 참조 자료형

참조 자료형은 기본 자료형과 달리 값이 아닌 주소를 참조하는 자료형이야. 여기에는 배열, 객체, 함수가 있어.

2.1 배열(Array)

배열은 여러 개의 값을 묶어두는 자료형이야. 순서대로 값을 저장하고, 인덱스를 통해 각 값을 접근할 수 있어. 예를 들어, const scoreArr = [90, 40, 50, 80];처럼 사용할 수 있어.

const scoreArr = [90, 40, 50, 80]; // 국어, 영어, 수학, 과학

 

2.2 객체(Object)

객체는 여러 개의 값을 키와 값의 쌍으로 묶어두는 자료형이야. 예를 들어, const scoreObj = { koreanScore: 90, englishScore: 40, mathScore: 50, scienceScore: 80 };처럼 사용할 수 있어. 객체의 값을 접근할 때는 마침표 연산자(.)나 대괄호 연산자([ ])를 사용해.

const scoreObj = {
  koreanScore: 90,
  englishScore: 40,
  mathScore: 50,
  scienceScore: 80,
};
console.log(scoreObj.englishScore); // 40
console.log(scoreObj["koreanScore"]); // 90

 

2.3 함수(Function)

함수는 특정 작업을 수행하는 코드를 묶어둔 것이야. 예를 들어, function sum(a, b) { return a + b; }처럼 사용할 수 있어. 함수를 호출하면 해당 작업이 실행돼.

function sum(a, b) {
  return a + b;
}

---

이렇게 자바스크립트에는 다양한 자료형이 있어. 각 자료형을 이해하고 적절하게 사용하면 더 나은 코드를 작성할 수 있어. 궁금한 점 있으면 언제든지 물어봐!