데이터의 type을 확인하는 법💡

모든 종류의 데이터 타입을 담고있는 아래와 같은 객체가 있습니다
여러가지 방법으로 데이터의 타입을 확인해봅시다

  const data = {
    string: "str",
    number: 123,
    boolean: true,
    null: null,
    undefined: undefined,
    symbol: Symbol("symbol"),
    bigint: 0n,
    array: [],
    object: {},
    function: function(){}
  }

🧡typeof

• 가장 흔하게 쓰이는 타입 선별법인 typeof
• null, array, object가 모두 "object"로 반환되어 구별할 수 없음

  typeof data.number // number
  typeof data.boolean // boolean

  typeof data.null // object

  typeof data.undefined // undefined
  typeof data.symbol // symbol
  typeof data.bigint // bigint

  typeof data.array // object
  typeof data.object // object

  typeof data.function // function

🧡.constructor

• array와 object의 구분이 가능해졌으나 null과 undefined에서 에러가 남
  ==> array와 object를 구분 할 때 사용 할 수 있음

  data.string.constructor // String
  data.number.constructor // Number
  data.boolean.constructor // Boolean

  data.null.constructor // TypeError!!
  data.undefined.constructor // TypeError!!

  data.symbol.constructor // Symbol
  data.bigint.constructor // BigInt
  data.array.constructor // Array
  data.object.constructor // Object
  data.function.constructor // Function

🧡Object.prototype.toString.call()

• 모든 데이터타입의 선별이 가능한 함수를 생성

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

• 해당 함수에 데이터를 넣으면 [object 타입] 의 형태로 반환이 되며
  slice()에 의해 [object ] 를 잘라내고 타입만 문자열로 반환된다

• 모든 데이터타입 선별 가능

  typeCheck(data.string)  // "String"
  typeCheck(data.number) // "Number"
  typeCheck(data.boolean) // "Boolean"
  typeCheck(data.null) // "Null"
  typeCheck(data.undefined) // "Undefined"
  typeCheck(data.symbol) // "Symbol"
  typeCheck(data.bigint) // "BigInt"
  typeCheck(data.array) // "Array"
  typeCheck(data.object) // "Object"
  typeCheck(data.function) // "Function"