[JavaScript] 데이터 형

📚 데이터 형이란 무엇인가요?

데이터 형은 변수에 저장되는 데이터의 종류를 정의하며, 각 데이터 형은 자바스크립트에서 다른 방식으로 처리돼요.

 

데이터 형은 서로 다른 크기와 모양의 상자들과 같아요. 각 상자는 특정 종류의 데이터를 저장하고, 프로그램이 이를 어떻게 처리할지 결정하는 데 도움을 줘요. 예를 들어, 숫자형 상자는 숫자를, 문자열형 상자는 텍스트를 저장하죠.

 

---

1. 숫자

• 자바스크립트에서는 정수(integer)와 부동 소수점 숫자(floating point number)를 사용할 수 있어요.

let a = 5; // 정수
let b = 1.2; // 부동 소수점 숫자
let c = 123e3; // 123000
let d = 123e-3; // 0.123

 

---

2. Bigint

• 15자리 이상의 큰 정수를 다룰 때는 Bigint 형을 사용해요.
• 정수 데이터 제일 뒤에 n을 붙이면 그 정수는 Bigint 형으로 저장돼요.

let a = 999999999999999; // 15자리 정수
let b = 9999999999999999; // 16자리 정수
let c = 9999999999999999n; // Bigint

 

---

3. 문자열

• 문자열은 하나 이상의 문자를 표현하는 데 사용해요.
• 문자들을 큰따옴표나 작은따옴표로 감싸야해요.

let text1 = "사과";
let text2 = '오렌지';

• 큰따옴표 안에 큰따옴표를 사용하려면 이스케이프 문자를 사용해요.

  코드	결과	설명
  ＼'	'	작은따옴표
  ＼"	"	큰따옴표
  ＼＼	＼	역슬래쉬
  ＼n	줄 바꿈	새로운 줄에서 시작
  ＼t	탭	탭 키를 누른 효과

let quote = "그가 말했다: ＼"안녕하세요!＼"";

console.log(quote); // 출력: 그가 말했다: "안녕하세요!"

 

---

4. 템플릿 문자열

• 템플릿 문자열을 사용하면 문자열 안에 변수 값을 직접 삽입할 수 있어요.

let animal = "고양이";
let sound = "야옹";

// 템플릿 문자열 사용
let sentence = `${animal}가 ${sound} 하고 울어요.`;

console.log(sentence); // 출력: 고양이가 야옹 하고 울어요.

 

---

5. 불

• 불(boolean) 데이터 형은 true와 false 두 가지 값만을 가져요.

let x = 5 > 3; // true
let y = 5 < 3; // false

 

---

6. Undefined와 Null

• 변수가 값을 가지고 있지 않으면 undefined가 돼요.
• null은 빈 값을 의미해요.

// 변수를 선언만 하고 값을 할당하지 않음 - undefined
let x;
console.log(x); // 출력: undefined

// 변수에 명시적으로 null 값을 할당
let y = null;
console.log(y); // 출력: null

// 빈 문자열과 null의 비교
let z = "";
console.log(z == null); // 출력: false, 빈 문자열 ""는 null이 아니에요.

 

---

7. 객체

• 객체는 여러 값을 하나의 단위로 그룹화할 수 있어요.
• {키: 값, 키: 값, 키: 값, ...} 형태로 사용해요.

// 객체 선언
let dog = {
    breed: "비숑",
    age: 5,
    color: "흰색"
};

// 객체의 속성에 접근
console.log(dog.breed); // 출력: 비숑
console.log(dog.age); // 출력: 5
console.log(dog.color); // 출력: 흰색

 

---

8. 배열

• 배열은 여러 데이터를 순서대로 저장할 수 있는 구조예요.
• 원소에 접근하려면 인덱스를 이용해야 해요.

인덱스는 0부터 시작해요.

// 배열 선언
let fruits = ["사과", "바나나", "오렌지"];

// 인덱스를 사용하여 배열의 요소에 접근
console.log(fruits[0]); // 출력: 사과
console.log(fruits[1]); // 출력: 바나나
console.log(fruits[2]); // 출력: 오렌지

 

---

9. 심볼

• 심볼은 고유하고 변경 불가능한 데이터 형이에요.
• 심볼은 주로 객체의 유일한 속성 키로 사용돼요.

// 심볼 생성
let mySymbol = Symbol("myUniqueSymbol");

// 심볼을 사용하여 객체 속성 추가
let myObject = {
    [mySymbol]: "특별한 값"
};

// 심볼을 사용하여 객체 속성에 접근
console.log(myObject[mySymbol]); // 출력: 특별한 값

// 심볼의 타입 확인
console.log(typeof mySymbol); // 출력: symbol

반응형

---

🚨 주의할 점

각 데이터 형의 특성을 정확히 이해하고 사용하는 것이 중요해요. 예를 들어, Bigint는 매우 큰 숫자를 다룰 때 사용되지만, 일반적인 숫자 연산에는 적합하지 않을 수 있어요. 또한, undefined와 null은 각각 초기화되지 않은 변수와 명시적으로 '비어있음'을 나타내는 값으로, 이 둘을 혼동하지 않도록 주의해야 해요.

 

---

📖 결론

자바스크립트에서 다양한 데이터 형을 이해하는 것은 데이터 처리, 함수 구현, 알고리즘 개발 등 프로그래밍의 거의 모든 측면에서 중요해요. 올바른 데이터 형을 사용하면 프로그램의 효율성과 정확성이 크게 향상돼요.

 

---

🔗 추가 정보

자바스크립트의 데이터 형에 대한 더 깊은 이해를 원하신다면, MDN Web Docs에서 자세한 정보를 찾아볼 수 있어요.