자바스크립트 데이터 형식에 대해서 배워보아요

자바스크립트의 데이터 형식에 대해서 정리합니다.

틀린 부분은 알려주시면 수정하겠습니다.^^;;

기본 데이터 형식

문자열

숫자

Boolean

복합 데이터 형식

개체

배열

특수 데이터 형식

Null

undefined

문자열 (String)

자바스크립트의 문자열은 작은따옴표 나 쌍따옴표를 쌍으로 문자열을 나타냅니다.

작은따옴표 안에는 쌍따옴표가 들어갈수 있으며 , 쌍따옴표 안에는 작은따옴표가 들어갈 수 있습니다.

예)

"Hello World!"
'Hello World!'
"Hello 'world!'" //쌍따옴표안에 작은 따옴표
'Hello "world!"' //작은 따옴표 안에 쌍따옴표

숫자형(Number)

자바스크립트는 10진수,8진수,16진수를 표시할 수 있습니다.

16진수를 표시할때는 앞에 "0x" 를 추가해줘야 합니다.

8진수를 표시할때는 앞에 "0" 을 추가해줘야 합니다.

NaN 이란?

NaN 은 대상 문자열을 숫자형으로 형변화을 할때 숫자를 표현한 문자열이 아닐경우 리턴되는 값입니다.

한마디로 숫자가 아니란 거죠

NaN 을 검사해주는 isNaN 내장객체

자바스크립트 내장객체 중에 isNaN() 이 있습니다. isNaN 은 NaN 인지 여부를 검사해서 NaN 이면 true 를 반환합니다.

예)

console.log(parseInt("apple"));
>NaN

예)

console.log(isNaN(parseInt("apple")));
>true

Infinity, -Infinity 란?

Infinity 보이그룹이 아닙니다.;;; 

자바스크립트의 특별한 표현식인데요 무한대를 나타내는 표현식입니다.

예)

console.log(1/0);
>Infinity
console.log(-1/0);
>-Infinity

Infinity 를 검사해주는 isFinite 내장객체

isFinite 는 무한대인지 검사해주는 내장객체 입니다.

isFinite 는 인자값이 숫자이면서 무한대가 아니면 true , NaN 혹은 Infinity,-Infinity 이면 false 를 리턴합니다.

예)

console.log(isFinite(1 / 0));
> false
console.log(isFinite(NaN));
> fasle
console.log(isFinite(1));
> true

부울(Boolean)

부울형식은 true,false 두가지 값만 가지는 데이터 형식입니다. (진실 혹은 거짓 이죠 ㅋㅋ)

이 형식은 코딩할때 아주 많이 쓰는 형식중에 하나이죠..

0,null,undefined,빈문자열은 모두 false 로 해석됩니다. (이부분 중요하죠)

Boolean 을 검사하는 함수는 Boolean() 함수를 이용합니다.

예)

console.log(Boolean(undefined));
> false
console.log(Boolean(""));
> false
console.log(Boolean(0));
> false
console.log(Boolean(null));
> false

null 과 undefined

null 은 값이 없음을 나타냅니다. undefined 는 초기화(선언) 되지 않았거나 값이 없음을 나타냅니다.

예)

var a; //선언만 하고 초기화 되지 않은 변수

console.log(a);

> undefined

그러나 null 과 undefined 는 매우 헷갈린다.

예)

var a;

console.log(typeof a);

> undefined

console.log(a==undefined); //당근 true 를 반환한다.

> true

console.log(a==null); //null 인지 검증하면 true 를 반환한다.

> true

console.log(null==undefined) // true 를 반환한다.

> true

위에 코드를 보면 결과값이 별반 차이 없어 보인다. 하지만 둘은 명확한 차이가 있다.

null 은 변수가 참조할 객체가 없는것이고 undefined는 변수가 참조할 객체가 아직 정해지지 않았음을 뜻한다.

var a;
console.log(a); //아직 값이 할당되지 않했음
> undefined
a = "hello world";
console.log(a); // 이제 a 는 "hello world" 문자열 객체를 참조하고 있음
> hello world 
a=null;
console.log(a); // a 변수에 null 을 할당 문자열 객체 참조를 해지 했음.
> null

다음시간에는 자바스크립트의 연산자에 대해 공부해보아요...