JavaScript의 자료형에대해 알아보자

저번시간에는 js의 변수선언에대해 알아봤다. 오늘은 변수의 들어가는 자료의 타입에대해 알아보고자 한다.

 

JavaScript의 자료형

• JavaScript의 대표적인 자료형은 아래와 같다.

1. Number
2. String
3. Boolean
4. Undefined
5. Null

 

 

Number 타입

• 프로그래밍에서 흔히 쓰이는 숫자의 개념이다. 하지만 사용할때 한가지 유의사항이 있다. 유의사항은 아래 예제를 통해 알아보자

let score = 80;

let test = score + "10";
console.log(test) // 결과값: 8010

먼저 score 라는 변수에 80 이라는 값을 넣으면 score은 자동적으로 Number 타입의 값이 들어간다. 하지만 그 아래 test에서 80 이라는 숫자에 10 이라는 문자를 더했다. 그러자 test의 값이 8010 이라는 문자열이 되었다. 이것이 Number 타입을 사용함에 있어서 유의해야할 점이다. 즉, 다시말하면 js의 암시적 형변환은 간편함에 있어 큰 장점이 있지만 위와 같이 의도치 않게 형변환이 일어날 수도 있다. 이점 알아두자.

 

String 타입

• String 타입은 쉽게 말해 문자열이다. 이러한 String 타입은 텍스트 형태로 표현할 수 있는 데이터를 보관하는데 유용하다. 

let name = "YHS";
let mail = "gomboy03@gmail.com";

let longString = "기본기 부터" + "시작하는 " + "IT생활";

위의 예제를 보면 텍스트 형태로 표현할 수 있는 데이터의 예시가 좀 이해가 될것이다. String 타입은 이러한 데이터를 보관하는데 있어 많이 쓰이고 있다.

 

 

Boolean 타입

• Boolean 타입은 간단하다. true 아니면 faulse 둘 중의 하나의 값을 가진다. 사용 예시는 아래와 같다.

let check = new Boolean(true);

function isTrue(check){
	console.log("Work!");
}

isTrue(check);  // Work! 출력

보통 Boolean 타입은 참과 거짓의 판별로 작동하는 if, while 문등에서 많이 사용된다.

 

Undefined 와 Null 타입

• undefined 와 Null 타입은 서로 비슷하므로 한번에 알아보도록 하겠다. 둘은 아직 데이터가 없다는 것에서 동일하지만 그 쓰임새에 있어서 차이점이 있다. 아래 예제를 통해 알아보자.

let name;
console.log(name); // undefined 출력

let score = null;
console.log(score); // null 출력

name 변수는 그저 선언만 해두었다. 그리고 이를 출력해본 결과 undefined 가 출력되었고 score에는 직접 Null 을 넣어주니 Null이 출력이 되었다. 이 둘의 차이점을 더 자세히 풀어보면 undefined 와 Null의 차이점은 아직 미정이냐 안쓸것이냐의 차이인것이다. 예를 들어 내가 고객님에게 정보를 입력시키는 프로그램을 만들고자 할때 입력할 정보에 대해서는 변수의 선언이 필요할것이다. 하지만 이 값들을 내가 채울 순 없다. 따라서 이는 변수만 선언해두고 추후에 고객님이 정보를 입력했을때 변수에 저장되도록 할 수 있다. Null 로 지정한 값도 추후에 재할당이 가능하지만 근본적인 의미에서 둘은 차이점을 가지고 있다.