[002] 자바스크립트 (JavaScript) - 핵심요약(데이터 타입)

2022. 10. 14. 15:40프론트엔드개발/JavaScript

반응형

안녕하세요~ totally 개발자입니다.

 

Data Type (데이터 타입)

 

오늘 알아볼 부분은 데이터 타입입니다. 데이터 타입은 기본 타입(원시 타입이라고도 함), 참조 타입 또는 객체 타입으로 나뉩니다. 

 

[기본 타입 Primitive Type]

1. Number: 64비트 부동 소수점 형태이며 정수, 자연수 등을 모두 실수(Real Number)로 처리하며 예시는 아래와 같습니다.

var number1 = 123;

var number2 = 123.45;

var number3 = -123.45;

var number4 = 123 / 456;

 

2. Boolean: true 또는 false를 나타내며 예시는 아래와 같습니다.

var status1 = true;

var status2 = false;

 

3. String: 문자열을 나타내며 16비트의 유니코드(UTF-16)로 구성되고 ''(작은 따옴표), ""(큰 따옴표), ``(템플릿 Literal)로 표시할 수 있으며 특히 템플릿 Literal를 사용하면 띄워쓰기 및 줄바꿈 등을 그대로 표시할 수 있습니다. 예시는 아래와 같습니다.

var str1 = 'Hello World';

var str2 = "I am a developer.";

var str3 = `

   This is

      a template Literal.`;

 

4. Undefined, null: Undefined는 값이 적용되지 않았을 때 자바스크립트에서 암묵적으로 초기화하는 값이고 Null은 값이 없음을 나타냅니다. 

 

5. Symbol: ES6에서 추가된 타입으로 완전히 유일한 식별자로 사용되며 Symbol()으로 할당할 수 있다.

 

 

[객체 타입 Object/Reference Type]

1. Object(객체): 중괄호 { }를 사용하며 key: value 형태로 사용됩니다. 예제는 아래와 같습니다.

var object = {

  "name": "Andrew",

  "height": 175

  "job": "Developer"

};

 

2. Array(배열): 대괄호 [ ]를 사용하며 객체, 배열 등을 포함한 다양한 변수를 담을 수 있습니다.

var array = [1,2,3];

 

3. Function(함수): function 함수명() {} 형태로 사용하며 아래와 같이 사용할 수 있습니다.

var func = function() {

  return "HELLO WORLD";

}

 

마치며...

데이터 타입을 잘 이해하고 있어야 올바르게 데이터를 할당하여 변수를 사용할 수 있기 때문에, 반드시 이해하고 있어야 합니다. 다음 시간에는 조건문에 관하여 알아보겠습니다. 감사합니다.

 

반응형