본문 바로가기
JavaScript

3. 자료형

by 몽이코딩 2024. 5. 2.
반응형

데이터 타입

데이터 타입은 값의 종류를 말하며, 크게 기본 타입과 객체 타입으로 구분 할 수 있습니다.

 

 

기본 타입 (Primitive Type)

값을 하나만 가지며 더 이상 단순화할 수 없기 때문에 원시값이라고도 합니다.

  • number(숫자)
  • string(문자열)
  • boolean(불린)
  • null
  • undefined
  • symbol

 

객체 타입 (Object Type)

기본 타입을 제외한 값은 모두 객체입니다.

  • Object(객체)
  • Array(배열)
  • Function(함수)
  • Date(날짜 타입)
  • 이외에 정규식, 수학 계산 등 다양한 객체들이 존재

 

 

숫자(number)

  • 숫자 값을 나타내는 자료형을 number 타입이라고 합니다.
  • 자바나 다른 언어에서는 정수나 소수 그리고 데이터 크기에 따라서 키워드를 다양하게 주지만 자바스크립트는 그냥 숫자를 적어주면 됩니다.
  • 0이나 숫자가 아닌 값을 나누면 특별한 숫자 값이 나타납니다.
let number1 = 12;           // number type
let number1 = 1 / 0;        // Infinity 값 할당
let number2 = -1 / 0;       // -Infinity 값 할당
let number3 = "hello" / 0;  // NaN 값 할당

 

 

문자열

  • 텍스트 값을 나타내는 자료형을 string 타입이라고 합니다. 문자열을 표현할 때 작은따옴표(') 큰따옴표(") 백틱()`을 사용합니다.
  • 문자열 안에 값을 써야 하는 경우 +기호를 통하여 값과 문자열을 연결합니다. ES6에서는 백틱(`)이 도입되어 더 편리하게 문자열과 값을 연결할 수 있습니다.
let name1 = '홍길동';     // 싱글쿼터 표현
let name2 = "ABCDEF";     // 더블쿼터 표현
let name3 = `AAA111`;     // 백틱 표현

console.log("내 이름은 " + name1 + " 입니다.");
console.log(`내 이름은 ${name1} 입니다.`);

 

 

불린

  • truefalse 두 가지 값만 가지는 논리형 데이터 타입입니다.
let isTrue = true;
let isFalse = false;

 

 

심볼

  • 유일한 값을 나타내기 위해 ES6에서 도입한 새 데이터 타입입니다. 우연히 다른 식별자와 혼동되면 안 되는 고유한 식별자가 필요할 때 사용합니다.
let key1 = Symbol("abc");
let key2 = Symbol("abc");

console.log(key1 == key2); // false: 심볼은 모두 서로 다릅니다.

 

 

null, undefined

  • 둘 다 값이 비어있는 상태를 나타내며 자바스크립트의 특별한 값입니다.
  • null - 값이 없는 상태
  • undefined - 값을 할당하지 않은 상태
let message1 = null; // 값이 빈 상태를 의도적으로 표현
let message2;        // 값을 할당하지 않은 상태
반응형

'JavaScript' 카테고리의 다른 글

6. 조건문  (0) 2024.05.10
5. 배열  (0) 2024.05.06
4. 연산자  (0) 2024.05.03
2. 변수, 상수  (0) 2024.04.30
1. javascript 시작하기  (0) 2024.04.29