JavaScript 기초 : 원시타입 자료형

자료형 (DataType)

 

자바스크립트에서의 자료형은 크게 두가지로 나뉜다.

- 원시타입 : Number(숫자형), String(문자열), Boolean(논리형-참/거짓), Null, Undefined

- 객체타입 : Object(Array(배열), Function(함수), RegexExp(정규표현식))

 

객체 타입은 추후에 정리하고, 이번 기초 포스팅에서는 원시타입만 다룬다.

 

Number Type (숫자형) 

 

숫자형은 말 그대로 숫자를 의미한다. 

// Number : 정수, 실수, 음수 등 모든 숫자를 말한다
let num1 = 100;
let num2 = 10.5;
let num3 = -5;

// 숫자 끼리 연산도 가능하다
console.log(num1 + num2); // 100 + 10.5 가 계산되어 110.5 가 출력된다
console.log(num1 - num2); // 100 - 10.5 가 계산되어 89.5가 출력된다
console.log(num1 * num2); // 100 * 10.5 가 계산되어 1050이 출력된다
console.log(num1 / num3); // 100 / -5 가 계산되어 -20이 출력된다
console.log(num1 % num2); // (나머지연산) 100 % 10.5 가 계산되어 5.5가 출력된다

 

숫자형은 무한대를 나타내는 Infinity, 숫자가 아닌 NaN(Not a Number) 도 포함된다.

let inf = Infinity;
let mInf = -Infinity; // 음의 무한태도 저장된다
let nan = NaN; // Not A Number 라는 뜻

// [추가] 불가능한 연산에 대해서는 NaN으로 표기된다.
console.log(10 * "Hello!"); // 숫자와 문자열을 연산할수 없으니 NaN으로 표기된다.

 

 

String Type (문자열)

// 문자열은 " 또는 ' 로 감싸야 한다. 없으면 오류 발생
let location = "서울";
let code = "123"; // 숫자를 " 또는 ' 로 감싸면 숫자형이 아닌 문자열로 인식한다.

// [추가] 덧셈연산도 가능하다
let codeName = location + code; // --> 서울123 출력

 

백틱(`) 을 사용한 템플릿 문자열을 나타낼수도 있다.

let name = "홍길동";
let food = "떡볶이";

let introduce = `${name}은 ${food}를 좋아합니다.`;  // 백틱으로 동적으로 문자열을 만들수 있다.

 

 

Bollean Type (논리형)

 

boolean은 참 또는 거짓을 나타낸다.

let isUse = true;
let isYN = false;

 

Null 과 Undefined

 

Null은 명시적으로 할당을 해줘야  하고,

Undefined라는 값은 변수를 선언하고 값이 할당되지 않았을때 자동으로 할당이된다.

let empty = null; // null 타입

let user;
console.log(user); // --> user에 값이 할당되지 않았기 때문에 undefined가 출력된다.