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";
}
마치며...
데이터 타입을 잘 이해하고 있어야 올바르게 데이터를 할당하여 변수를 사용할 수 있기 때문에, 반드시 이해하고 있어야 합니다. 다음 시간에는 조건문에 관하여 알아보겠습니다. 감사합니다.
'프론트엔드개발 > JavaScript' 카테고리의 다른 글
[006] 자바스크립트 (JavaScript) - 핵심요약(DOM Event) (0) | 2022.11.01 |
---|---|
[005] 자바스크립트 (JavaScript) - 핵심요약(반복문 - for, for in, for of, forEach) (0) | 2022.11.01 |
[004] 자바스크립트 (JavaScript) - 핵심요약(반복문1 - while) (0) | 2022.10.25 |
[003] 자바스크립트 (JavaScript) - 핵심요약(조건문 - if, switch) (0) | 2022.10.23 |
[001] 자바스크립트 (JavaScript) - 핵심요약(변수 - var, let, const) (0) | 2022.10.10 |