JS:封装函数判断数据类型

最新推荐文章于 2023-03-05 18:52:02 发布

转载最新推荐文章于 2023-03-05 18:52:02 发布 · 862 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：https://juejin.im/post/5adae46b518825670a0fdcb8

文章标签：

#前端 #ViewUI

本文介绍了一种使用JavaScript实现的精细类型检测方法。该方法能够准确地区分基本数据类型与复杂对象类型，包括对null的特殊处理及对包装类对象、普通对象与数组的具体识别。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

思路

1 ).根据 typeof() 的返回值将数据分为2种情况

a.返回值为 'string' 'number' 'boolean' 'undefined' 'function' (直接返回 typeof() 的返回值)

b.返回值为'object'

2 ).再将 typeof() 返回值为 'object' 的数据分为2种情况

a.null (直接返回自身)

b.包装类 对象 数组 (再进行细分)

var a = new Number(1);
function type(target) {
    var ret = typeof(target);
    console.log(ret)
    var template = {
        //包装类、对象、数组
        "[object Number]" : "number - object",
        "[object String]" : "string - object",
        "[object Boolean]" : "boolean - object",
        "[object Object]" : "object",
        "[object Array]" : "array"
    }
    //找出 null
    if(target === null){
        return null;
    }
    if(ret == "object"){
        var str = Object.prototype.toString.call(target);
        return template[str];
    }else{
    //原始值 和 function
        return ret;
    }
}
console.log(type(a))
//number - object
复制代码