자료형이란?
자료형은 영어로 type이라고 부릅니다. type은 값들을 포함하는 집합입니다.
자료형(Type)은 "집합"이다.
자바스크립트에 존재하는 여러가지 값들 중에 문자열이라는 값들을 묶으면 String type이라고 부를 수 있고 숫자라는 값들을 묶으면 Number type이라고 부릅니다.
JavaScript의 자료형 (Data Type)
자바스크립트에 존재하는 type을 전부 나열해봅니다. 자바스크립트의 자료형은 원시 type과 객체 type 두 가지 종류로 나눌 수 있습니다.
원시 type은 기본형 type이라고도 불립니다. 프로그래밍에 있어 가장 기본적인 값들의 type을 의미합니다.
1. Number Type
자바스크립트의 Number Type은 존재할 수 있는 모든 숫자값들을 포함합니다. 정수, 실수, 음의 정수 모두 Number Type에 포함이 됩니다.
let num1 = 72;
let num2 = 1.5;
let num3 = -20;Number Type의 값들은 기본적인 사칙 연산을 모두 지원합니다.
let num1 = 72;
let num2 = 1.5;
let num3 = -20;
console.log(num1 + num2); // 28.5
console.log(num1 - num2); // 25.5
console.log(num1 * num2); // 40.5
console.log(num1 / num2); // 18사칙 연산 외에도 % 연산자를 이용해서 나머지를 구하는 연산도 가능합니다. 참고로 나머지를 구하는 연산은 프로그래밍에서는 모듈러 연산이라고 부릅니다.
let num1 = 72;
let num2 = 1.5;
let num3 = -20;
// 모듈러 연산
console.log(num1 % num2); // 0Number Type에는 숫자로 보이지 않는 독특한 값들도 포함되어 있습니다.
- 양의 무한대 : Infinity
- 음의 무한대 : -Infinity
- 수치 연산이 실패했을 때의 결과값: NaN
let inf = Infinity;
let mInf = -Infinity;
let nan = NaN;
console.log(1 * "hello"); // NaN2. String Type
자바스크립트의 String Type은 사람 이름같은 문자열 값들을 모두 포함합니다. 자바스크립트에서는 문자열 값을 무조건 쌍따옴표나 홑따옴표로 감싸줘야 합니다.
let myName = "Ahnzi";자바스크립트에서의 문자열은 덧셈 연산 지원합니다.
let myName = "Ahnzi";
let myLocation = "창동";
let introduce = myName + myLocation;
console.log(introduce); // Ahnzi창동또한 자바스크립트에서 쌍따옴표나 홑따옴표 이외에 백틱(``)이라는 기호를 이용하여 만들 수 있습니다. 백틱은 템플릿 리터럴을 생성할 때 사용되며, ${myName} 과 같이 문자열 안에 변수를 동적으로 삽입할 수 있는 편리한 기능을 제공합니다.
let myName = "Ahnzi";
let myLocation = "창동";
let introduceText = `${myName}는 ${myLocation}에 거주합니다.`;3. Boolean Type
자바스크립트의 Boolean Type은 참(true) 또는 거짓(false) 값을 저장하는 데이터 타입으로 주로 현재 상태를 나타내거나 조건을 평가하는데 사용됩니다.
let isSwitchOn = true;
let isEmpty = false;4. Null Type
자바스크립트의 Null 타입은 “값이 없음을 명시적으로 나타낸다.”는 의미를 갖습니다. 이는 변수에 “아무것도 없다.”는 상태를 의도적으로 지정할 때 사용됩니다.
let empty = null;5. Undefined Type
자바스크립트의 Undefined Type은 “값이 할당되지 않은 상태”를 나타내는 특수한 타입으로, 단 하나의 값인 undefined를 포함합니다. 이는 변수가 선언되었지만 초기화되지 않은 경우에 기본값으로 설정됩니다.
let none;
console.log(none); // undefinednull vs undefined
null과 undefined는 비슷해보이지만, 의미와 사용 용도에서 차이가 있습니다.
- undefined : 변수가 선언되었으나 값이 할당되지 않은 상태. 자바스크립트 엔진이 자동으로 설정하는 값.
- null : 의도적으로 비어있음을 나타내는 값. 개발자가 명시적으로 변수에 할당해야 합니다.
따라서 undefined는 시스템에 의해 설정되는 값이고 null은 개발자가 의도적으로 설정하는 값이라는 점에서 차이가 있습니다.
참고한 사이트
