[JavaScript] 자바스크립트 자료형(원시 타입)과 형변환

자바스크립트 자료형(원시 타입)과 형변환

자바스크립트의 자료형은 다음과 같다.

먼저 Primitive Data Type(원시 타입)부터 알아보자.

 

Primitive Data Type은 아래와 같은 특징이 있다.

- 한번에 하나의 값만 가질 수 있다.

- 하나의 고정된 저장 공간을 이용할 수 있다.

 

Number(숫자열)은 다음과 같다.

let age = 25; // 정수
let tall = 175.9; // 실수
let inf = Infinity; // 무한대
let minusInf = Infinity; // 음의 무한대
let nan = NaN; // 수학적 연산의 실패

 

 

String(문자열)은 다음과 같다.

let name = "sailas";
let name2 = "이순신";
let name3 = `sailas ${name2}`;
// 백틱을 사용하는 이유는 변수의 값을 넣기 위해서이다.
// ${}를 사용하여 문자열로 바꾸는 문법을 temperal literal이라고 한다.

 

 

Boolean 자료형은 참(true), 거짓(false)를 나타내며, 다음과 같다.

let isSwitchOff = false;

 

 

Undefined 자료형은 다음과 같이 변수가 비어있는 형태이다.

let variable;
console.log(variable);

>>> Undefined

 

 

Null 자료형은 변수에 의도적으로 아무값도 가지고 있지 않다는 null을 명시한 형태이다.

let a = null;
console.log(a);

>>> Null

 

 

 

자바스크립트의 형변환은 다음과 같다.

자바스크립트의 형변환은 묵시적 형변환과 명시적 형변환이 있다.

 

묵시적 형변환은 자바스크립트가 알아서 자동으로 형변환을 해주는 것을 말한다. 형태는 다음과 같다.

let numberA = 12;
let numberB = '2';
console.log(numberA * numberB);

>>> 24
// 숫자열과 문자열을 곱해도 적절하게 자료형을 변환해 돌려준다.

console.log(numberA + numberB);

>>> 122
// 숫자열과 문자열을 더하면 순서적으로 더해진 문자열이 나온다.
// 14를 만들기 위해서는 parseInt를 사용해야 한다.

 

 

명시적 형변환은 의도적으로 개발자가 형변환 하는 것을 말한다. 형태는 다음과 같다.

let numberA = 12;
let numberB = '2';

console.log(numberA + parseInt(numberB))

>>> 14
// 문자열인 numberB에 parseInt를 사용하여 숫자열로 바꾸었다.