• 浅谈Object.prototype.toString.call()方法


    JavaScript里使用typeof判断数据类型,只能区分基本类型,即:numberstringundefinedbooleanobject
    对于nullarrayfunctionobject来说,使用typeof都会统一返回object字符串。
    要想区分对象、数组、函数、单纯使用typeof是不行的。在JS中,可以通过Object.prototype.toString方法,判断某个对象之属于哪种内置类型。
    分为nullstringbooleannumberundefinedarrayfunctionobjectdatemath
    1. 判断基本类型

    Object.prototype.toString.call(null); // "[object Null]"
    Object.prototype.toString.call(undefined); // "[object Undefined]"
    Object.prototype.toString.call(“abc”);// "[object String]"
    Object.prototype.toString.call(123);// "[object Number]"
    Object.prototype.toString.call(true);// "[object Boolean]"
    

    2. 判断原生引用类型

    **函数类型**
    Function fn(){
      console.log(“test”);
    }
    Object.prototype.toString.call(fn); // "[object Function]"
    
    **日期类型**
    var date = new Date();
    Object.prototype.toString.call(date); // "[object Date]"
    
    **数组类型**
    var arr = [1,2,3];
    Object.prototype.toString.call(arr); // "[object Array]"
    
    **正则表达式**
    var reg = /[hbc]at/gi;
    Object.prototype.toString.call(reg); // "[object RegExp]"
    
    **自定义类型**
    function Person(name, age) {
        this.name = name;
        this.age = age;
    }
    var person = new Person("Rose", 18);
    Object.prototype.toString.call(arr); // "[object Object]"
    

    很明显这种方法不能准确判断personPerson类的实例,而只能用instanceof 操作符来进行判断,如下所示:

    console.log(person instanceof Person); // true
    

    3. 判断原生JSON对象

    var isNativeJSON = window.JSON && Object.prototype.toString.call(JSON);
    console.log(isNativeJSON);// 输出结果为”[object JSON]”说明JSON是原生的,否则不是;
    

    注意:Object.prototype.toString()本身是允许被修改的,而我们目前所讨论的关于Object.prototype.toString()这个方法的应用都是假设toString()方法未被修改为前提的。
    4. 实例:为Array对象添加一个去除重复项的方法

    input
    [false, true, undefined, null, NaN, 0, 1, {}, {}, 'a', 'a', NaN].uniq()
    output
    [false, true, undefined, null, NaN, 0, 1, {}, {}, 'a']

    这里要注意,NaN === NaN 为false,{} === {}为false。

    Array.prototype.uniq = function () {
        if (!this.length || this.length == 0) return this;
        var res = [], key, hasNaN = false, temp = {};
        for (var i = 0 ; i < this.length; i++) {
            if (typeof this[i] === 'object') {
                res.push(this[i]);
            } else if (this[i] != this[i]) { // 如果当前遍历元素是NaN
                if (!hasNaN) {
                    res.push(this[i]);
                    hasNaN = true;
                }
            } else {
                key = typeof(this[i]) + this[i];
                if (!temp[key]) {
                    res.push(this[i]);
                    temp[key] = true;
                }
            }
        }
        return res;
    }
    

    另一种解法:

    Array.prototype.uniq = function () {
        var res = [];
        var flag = true;
        this.forEach(function(x) {
            if (res.indexOf(x) == -1) {
                if (x != x) {
                    if (flag) {
                        res.push(x);
                        flag = false;
                    }
                } else {
                    res.push(x);
                }
            }
        })
        return res;
    }
  • 相关阅读:
    升级.net core 3.x 后mvc项目调试状态编辑view代码不能实时预览
    C# 方法执行超时处理
    css 带换行的垂直居中
    Golang Web应用 创建docker镜像笔记(win 平台)
    vue element-ui tree 根节点固定子节点懒加载 首次加载根节点并展开
    记一则 Lambda内递归调用方法将集合对象转换成树形结构
    一个简单的异常/条件重试类(C#)
    查找由于页面宽度溢出导致网页出现莫名空白的查看方法
    锯齿下边框效果
    cdh5.7 做完HA后hive 查询出现异常: expected: hdfs://nameservice
  • 原文地址:https://www.cnblogs.com/web-record/p/11635827.html
Copyright © 2020-2023  润新知