-
자바스크립트의 데이터 타입에는 어떤 것들이 있을까?Front-end/Javascript 2020. 7. 27. 18:01
자바스크립트의 데이터 타입
자바스크립트는 말 그대로 스크립트 프로그래밍 언어이며, 빠르게 배우고 쉽게 접근할 수 있도록 하기 위해 개발되었습니다.
자바스크립트가 만들어졌던 1995년 말에 본격적으로 보급형 컴퓨터가 생산되고 사용되면서 자바스크립트도 동시에 함께 개발되어 사용되어졌습니다. 기존에 존재했던 Java 등의 언어는 개발자가 직접 데이터 타입을 정하여 선언하는 등 고려해야할 점이 많았습니다. 하지만 스크립트의 특징을 가진 자바스크립트는 개발자가 직접 데이터 타입을 정하지 않는 정책을 사용하였습니다.
그래서 그 때 당시 보급형 컴퓨터에서 감당할 수 있는 데이터를 고려하여 모든 타입의 데이터를 8 byte로 고정 후 자바스크립트 엔진에서 타입을 대신 정해주었습니다. 즉, 넣는 값에 따라서 변수의 데이터 타입이 변화한다 라는 것을 알 수 있습니다.
고정 데이터를 사용하는 자바스크립트의 특성상 그 때의 데이터 성능으로는 큰 애플리케이션을 개발하는데 큰 무리가 있었지만, 현대의 컴퓨터에서는 크게 고려하지 않아도 되는 개념이 되었습니다.
또한 엔진에서 타입을 대신 정해주었기 때문에 불안정하고 예측 불가능한 요소들이 있었다면, 최근에는 타입스크립트를 활용하여 이 단점을 보완할 수 있게 되었습니다.
이렇게 활용되고 있는 자바스크립트의 데이터 타입에 대해 알아보겠습니다.😄
데이터 타입
자바스크립트에는 ECMAScript 기준으로 총 7개의 자료형을 가지고 있습니다.
이 7가지는 총 2개의 타입으로 구분이 되어있는데 원시형과 객체형으로 나뉘어집니다.
원시형
- Number
- String
- Boolean
- Null
- Undefined
- Symbol
객체형
- Object
원시형 타입
Number
숫자를 나타내는 타입입니다.
var number = 10; console.log(typeof number); // number
String
문자를 나타내는 타입입니다.
var name = "junjang"; console.log(typeof name); // string
Boolean
참 혹은 거짓을 나타내는 타입입니다.
var isTrue = true; console.log(typeof isTrue); // boolean
Undefined
값이 존재하지 않을 때 나타내는 타입입니다.
var forget; console.log(typeof forget); // undefined
Null
값이 Null일 때 나타내는 타입입니다.
주의할 점은 typeof로 체크했을 때 object형으로 나오는 설계상의 오류가 있기 때문에 비교시 === 로 비교해야합니다.
var isNull = null; console.log(typeof isNull); // object
Symbol
유일한 값을 나타내는 타입입니다.
var unique = Symbol("VIP"); console.log(typeof unique); // symbol
객체 타입
Object
key와 value를 이룬 객체를 나타내는 타입입니다.
var person = { name: 'kim', age: 28 }; console.log(typeof person); // object
Array
배열을 나타내는 타입입니다.
var arr = [1, 2, 3]; console.log(typeof arr); // object
'Front-end > Javascript' 카테고리의 다른 글
옵저버 패턴을 활용하여 인스타그램 피드 렌더링 해보기 (0) 2020.09.09 객체지향...? 그게 뭐죠..;;; (0) 2020.08.30 자바스크립트 배열을 탐구 & 활용하기 (0) 2020.08.01 조건문과 반복문을 이용해 별을 찍어보기 (feat. Javascript) (0) 2020.07.29 자바스크립트 기초 간단하게 살펴보기 (0) 2020.07.01