js判断数据类型的方法

1.typeof (typeof 运算符可以准确判断基础数据类型(字符串,数字,布尔,undefined)以及function 但是判断引用类型的数据 它都返回object,包含null也是返回object)

const arr = [1,2,3]
    console.log(typeof arr);  //object

2.instanceof原理 instanceof 运算符用于检测构造函数的 prototype 属性是否出现在某个实例对象的原型链上。(简单说就是判断是否是某个构造函数的实例对象)

function AAA() {

    }
 const a = new AAA(123)
console.log(a instanceof AAA). //结果为 true。自定义的构造函数也可以使用

 const arr = [1, 2, 3]
    const obj = {
      name: 123
    }
    console.log(arr instanceof Object)  // true
    console.log(obj instanceof Object)  // true
    console.log(arr instanceof Array)   // true
    console.log(obj instanceof Array)   // false
// 可以看出arr instanceof Object 为true。 但是obj instanceof Array为false。 
//所以可以通过  *** instanceof Array来准确区分是数组还是对象

3.通过Object原型上的toString.call()方法来判断

const num = 123
    const arr = [1, 2, 3]
    const obj = {
      name: 123
    }
    const fun = function() {
    }
    const a = null
    console.log(Object.prototype.toString.call(num)) // [object Number]
    console.log(Object.prototype.toString.call(arr)) // [object Array]
    console.log(Object.prototype.toString.call(obj)) // [object Object]
    console.log(toString.call(fun)) // [object Function]
    console.log(toString.call(a)) // [object Null]
    //Object.prototype可以省略,对于 Object.prototype.toString.call(arg)，若参数为 null 或 undefined，直接返回结果。

4.根据对象的constructor判断 (constructor 属性返回对 String 对象属性创建的函数。)

 const num = 123
    const arr = [1, 2, 3]
    const obj = {
      name: 123
    }
    const fun = function() {
    }
    console.log(num.constructor === Number) // true
    console.log(arr.constructor === Array) // true
    console.log(obj.constructor === Object) // true
    console.log(fun.constructor === Function) // true
    console.log(arr.constructor === Object)  //false

//这里可以准确区别数组和对象

5.通过 in 判断 某个方法是否属于这个类型的数据

const obj = {
      name: 123
    }
    const arr = [1, 2, 3]
    console.log('map' in obj)。// false
    console.log('map' in arr)  // true
    // 这里通过map这个方法判断。因为对象没有这个方法所以为false