前端判断数据类型方法

我不是女神ヾ 2022-11-11 05:24 146阅读 0赞

**法一：typeof**

typeof undefined // "undefined"
    typeof false // "boolean"
    typeof 'aaa' // "string"
    typeof 123 // "number"
    typeof {} // "object"
    typeof [] // "object"
    typeof null // "object"
    typeof function(){} // "function"

可以发现当数据是 object，array，null 时，全部返回 object 类型。所以这个判断方法不太好。

**法二：instanceof**

`instanceof` 是通过检测构造函数的 `prototype` 属性是否出现在某个实例对象的原型链上。

"aaa" instanceof String // false
    new String("aaa") instanceof String // true
    new Date() instanceof Date // true
    ({}) instanceof Object // true
    [] instanceof Array // true
    [] instanceof Object // true

比较好用，但是也有一些小问题，比如 Array 和 Object 都出现在 \[\] 的原型链上，可能会将 \[\] 误认为 Object 类型。

**法三：toString.call()  最靠谱**

toString.call(undefined) // "[object Undefined]"
    toString.call(false) // "[object Boolean]"
    toString.call('aaa') // "[object String]"
    toString.call(123) // "[object Number]"
    toString.call({}) // "[object Object]"
    toString.call([]) // "[object Array]"
    toString.call(null) // "[object Null]"
    toString.call(function(){}) // "[object Function]"

可以根据返回的字符串判断是哪种类型。

**法四：constructor  比较常用**

const flg = true;flg.constructor === Boolean // true
    const aaa = 'aaa';aaa.constructor === String // true
    const num = 123;num.constructor === Number // true
    const obj = {};obj.constructor === Object // true
    const arr = [];arr.constructor === Array // true
    const fun = function(){};fun.constructor === Function // true

但是这种方式仍然有个弊端，就是 `constructor` 所指向的的构造函数是可以被修改的。