[JS Essentials][Ch2][시작하기] 데이터 타입 확인

typeof

특정 데이터의 타입을 확인

 

코드

console.log(typeof 'Hello World!');
console.log(typeof 123);
console.log(typeof true);
console.log(typeof undefined);    // 의도하지 않은 비어있는 값
console.log(typeof null);         // 의도해서 비어넣은 값
console.log(typeof {});           // 객체 데이터
console.log(typeof []);           // 배열 데이터

결과

null, 객체, 배열 데이터는 Object로 출력한다. 

그러므로 타입을 구분해줄 수 있는 함수를 생성한다.

function getType(data){
  return Object.prototype.toString.call(data).slice(8, -1);
}

getType 함수는 여러 페이지에서 공통으로 쓸 수 있는 함수이다.

> getType.js라는 파일을 생성하고 함수 선언부 앞에 export를 붙여 내보내기 가능하게 만든다.

/* 타입을 구분해줄 수 있는 함수 생성  */
// export default function : 기본적으로 내보내지는 함수 선언
export default function getType(data){
  return Object.prototype.toString.call(data).slice(8, -1);
}

 

getType 함수를 사용할 JavaScript 파일에는 import를 이용해 가져온다.

// 상대 경로가 없으면 node_modules에서 찾게된다.
import getType from './getType.js';      // getType.js 함수 가져오기

콘솔 결과