✅ 출처 : 다시 처음부터 자바스크립트 게시글은 이웅모(님) '모던 자바스크립트 Deep Dive' 를 기록합니다
데이터 타입은 값의 종류를 말합니다. 자바스크립트의 모든 값은 데이터 타입을 가지고 있고 7개의 데이터 타입을 제공합니다
원시타입 : 숫자타입 , 문자열타입, 불리언타입, undefined타입 , null타입, 심벌타입
객체 타입 : 객체, 함수, 배열 등
1. 숫자 타입
C나 자바의 경우, 정수 ( 소수점 이하가 없는 숫자 ) 와 실수 (소수점 이하가 있는 숫자 ) 를 구반해서 Int,long,float 등 다양한 숫자 타입을 제공하지만
자바스크립트는 하나의 숫자 타입만 존재합니다 모든 수를 실수로 처리합니다 !
var integer= 10; //정수
var double = 10.12 // 실수
var negative = -20; //음의 정수숫자 타입은 추가적으로 세가지 특별한 값도 표현할 수 있습니다
- Infinity : 양의 무한대
- -Infinity : 음의 무한대
- NaN : 산술 연산 불가 ( not-a-number)
console.log(10/ 0) // Infinity
console.log(10 / -0 ) // - Infinity
consoel.log(1 * "string" ) // Nan2. 문자열 타입
문자열은 작은따옴표('') 큰따옴표("") 또는 백틱⭐️(``)으로 텍스트를 감싸야 합니다
var string = '문자열';2-1 템플릿 리터럴 ⭐️
템플릿 리터럴이라고 하는 새로운 문자열 표기법이 도입되었습니다.
템플릿 리터럴은 런타임에 일반 문자열로 변환되어 처리됩니다!!
var template = `Template literal`
console.log(template) // Template literal특징 !
- 멀티라인 문자열 기능제공
- 표현식 삽입 기능제공
- 태그드 템플릿 기능제공
2-1-1. 멀티라인 문자열
일반 문자열 내에서는 줄바꿈(개행)이 허용되지 않습니다.
일반 무자열과 달리 템플릿 리터럴 내에서는 이스케이프 시퀀스를 사용하지 않고도 줄바꿈이 허용되며 모든 공백도 있는 그대로 적용됩니다!! 너무 편안....😀
2-1-2. 표현식 삽입
${ } 으로 표현식을 감싸 가독성도 좋고 간편한게 문자열을 조합할 수 있습니다.
표현식 삽입은 반드시 템플릿 리터럴 내에서 사용해야 합니다 이때 표현식의 평가 결과가 문자열이 아니더라도 문자열로 타입이 강제로 변환되어 삽입됩니다!
3. 불리언 타입
불리언 타입의 값은 논리적 참, 거짓을 나타내는 true와 false 뿐입니다.
프로그램의 흐름을 제어하는 조건문에서 자주 사용합니다
4. undefined 타입
undefined값은 undefined가 유일합니다
var키워드로 선언한 변수는 암묵적으로 undefined로 초기화 됩니다. 변수 선언에 의해 확보된 메모리 공간을 할당이 이뤄질 때까지 빈 상태로 내버려 두지 않고 자바스크립트 엔진이 undefined로 초기화 합니다
var foo;
console.log(foo) // undefinedundefined는 개발자가 의도적으로 할당하기 위한 값이 아니라 자바스크립트 엔진이 변수를 초기화 할 때 사용하는 값입니다. 변수를 참조했을 때 undefined가 반환된다면 참조한 변수가 선언 이후 값이 할당된적이 없는, 즉 초기화되지 않은 변수라는 것을 알 수 있습니다.
자바스크립트 엔진이 변수를 초기화 하는데 사용하는 undefined를 개발자가 의도적으로 변수에 할당한다면 undefined의 본래 취지와 어긋날뿐더러 혼란을 줄 수 있습니다ㅠㅠ
그렇다면 변수에 값이 없다는 것을 명시하고 싶을 때는 어떻게?? 그런 경우에는 undefined를 할당하는 것이 아니라 null !!!!!!!!
5. null 타입 ( 조금은 ⭐️...일수도?)
null은 변수에 값이 없다는 것을 의도적으로⭐️ 명시할 때 사용합니다.
변수에 null을 할당하는 것은 변수가 이전에 참조하던 값을 더 이상 참조하지 않겠다는 의미입니다.
이는 이전에 할당되어 있던 값에 대한 참조를 명시적으로 제거! 하는 것을 의미하며,
자바스크립트 엔진은 누구도 참조하지 않는 메모리 공간에 대해 가.비.지.콜.렉.션. 을 수행할 것입니다.
함수가 유효한 값을 반환할 수 없는 경우 명시적으로 null을 반환하기도 합니다.
6. 심벌 타입
심벌은 ES6에서 추가된 타입으로 변경 불가능한 원시 타입의 값입니다. 주로 이름이 충돌할 위험이 없는 객체의 유일한 프로퍼티 키를 만들기 위해 사용합니다.
var key = Symbol('key'); // 심벌 값 생성
var obj ={}; // 객체 생성
이름이 충돌할 위험이 없는 유일무이한 값인 심벌을 프로퍼티 키로 사용합니다.
obj[key] = 'value'
console.log(obj[key]); // value7. 객체 타입 (추후에 따로 정리할 예정)
자바스크립트는 객체 기반의 언어이며, 자바스크립트를 이루고 있는 거의 모든 것이 객체라는 것입니다.
앞서 살펴본 데이터 타입 이외의 값은 모두 객체 타입입니다.
동적 타이핑
C나 자바 같은 '정적타입언어'는 변수를 선언할 때 변수에 데이터 타입을 사전에 선언해야 합니다
정적 타입 언어는 변수의 타입을 변경할 수 없으면, 변수에 선언한 타입에 맞는 값만 할당 할 수 있습니다.
자바스크립트의 변수에는 어떤 데이터 타입의 값이라도 자유롭게 할당할 수 있으므로 '정적타입언어'에서 말하는 데이터 타입 개념과 다릅니다.
자바스크립트에서는 값을 할당하는 시점에 변수의 타입이 동적으로 결정되고 변수의 타입을 언제든지 자유롭게 변경할 수 있습니다
즉!!
자바스크립트의 변수는 '선언' 이 아닌 '할당' 에 의해 타입이 결정 (타입 추론) 됩니다. 그리고 재할당에 의해 변수의 타입은 언제든지 동적으로 변할 수 있습니다. 이러한 특징을 동적 타이핑이라 하며 자바스크립트를 정적타입언어와 구별하기 위해 '동적타입언어' 라고 합니다.
👉 동적타이핑 부분은 결국 자바스크립트의 타입문제 카테고리에 속하는 것 같아 타입스크립트에서 따로 작성해야겟다.
