zoukankan      html  css  js  c++  java
  • 判断变量是否为对象(摘自JavaScript入门教程)

    如果Object方法的参数是一个对象,它总是返回该对象,即不用转换。

    var arr = [];
    var obj = Object(arr); // 返回原数组
    obj === arr // true
    
    var value = {};
    var obj = Object(value) // 返回原对象
    obj === value // true
    
    var fn = function () {};
    var obj = Object(fn); // 返回原函数
    obj === fn // true
    

    利用这一点,可以写一个判断变量是否为对象的函数。

    function isObject(value) {
      return value === Object(value);
    }
    
    isObject([]) // true
    isObject(true) // false
    

      

    toString() 的应用:判断数据类型

    Object.prototype.toString方法返回对象的类型字符串,因此可以用来判断一个值的类型。

    var obj = {};
    obj.toString() // "[object Object]"
    

    上面代码调用空对象的toString方法,结果返回一个字符串object Object,其中第二个Object表示该值的构造函数。这是一个十分有用的判断数据类型的方法。

    由于实例对象可能会自定义toString方法,覆盖掉Object.prototype.toString方法,所以为了得到类型字符串,最好直接使用Object.prototype.toString方法。通过函数的call方法,可以在任意值上调用这个方法,帮助我们判断这个值的类型。

    Object.prototype.toString.call(value)
    

    上面代码表示对value这个值调用Object.prototype.toString方法。

    不同数据类型的Object.prototype.toString方法返回值如下。

    • 数值:返回[object Number]
    • 字符串:返回[object String]
    • 布尔值:返回[object Boolean]
    • undefined:返回[object Undefined]
    • null:返回[object Null]
    • 数组:返回[object Array]
    • arguments 对象:返回[object Arguments]
    • 函数:返回[object Function]
    • Error 对象:返回[object Error]
    • Date 对象:返回[object Date]
    • RegExp 对象:返回[object RegExp]
    • 其他对象:返回[object Object]

    这就是说,Object.prototype.toString可以看出一个值到底是什么类型。

    Object.prototype.toString.call(2) // "[object Number]"
    Object.prototype.toString.call('') // "[object String]"
    Object.prototype.toString.call(true) // "[object Boolean]"
    Object.prototype.toString.call(undefined) // "[object Undefined]"
    Object.prototype.toString.call(null) // "[object Null]"
    Object.prototype.toString.call(Math) // "[object Math]"
    Object.prototype.toString.call({}) // "[object Object]"
    Object.prototype.toString.call([]) // "[object Array]"
    

    利用这个特性,可以写出一个比typeof运算符更准确的类型判断函数。

    var type = function (o){
      var s = Object.prototype.toString.call(o);
      return s.match(/[object (.*?)]/)[1].toLowerCase();
    };
    
    type({}); // "object"
    type([]); // "array"
    type(5); // "number"
    type(null); // "null"
    type(); // "undefined"
    type(/abcd/); // "regex"
    type(new Date()); // "date"
    

      

    在上面这个type函数的基础上,还可以加上专门判断某种类型数据的方法。

    var type = function (o){
      var s = Object.prototype.toString.call(o);
      return s.match(/[object (.*?)]/)[1].toLowerCase();
    };
    
    ['Null',
     'Undefined',
     'Object',
     'Array',
     'String',
     'Number',
     'Boolean',
     'Function',
     'RegExp'
    ].forEach(function (t) {
      type['is' + t] = function (o) {
        return type(o) === t.toLowerCase();
      };
    });
    
    type.isObject({}) // true
    type.isNumber(NaN) // true
    type.isRegExp(/abc/) // true
    

     

    补充:

    正则里的(.*?)是什么意思

    .  是任意字符 可以匹配任何单个字符,

    例子:正则表达式r.t 可以匹配这些字符串:rat、rut、r t,但是不匹配root。 

    .*?  表示匹配任意字符到下一个符合条件的字符

    例子:正则表达式a.*?xxx   可以匹配 abxxx  axxxxx  abbbbbxxx

    扩展:

    * 匹配0或多个正好在它之前的那个字符。例如正则表达式。*意味着能够匹配任意数量的任何字符。? 匹配0或1个正好在它之前的那个字符。注意:这个元字符不是所有的软件都支持的。.*是指任何字符0个或多个,.?是指任何字符0个或1个.

    .*具有贪婪的性质,首先匹配到不能匹配为止,根据后面的正则表达式,会进行回溯。.*?则相反,一个匹配以后,就往下进行,所以不会进行回溯,具有最小匹配的性质。

    ?表示非贪婪模式,即为匹配最近字符 如果不加?就是贪婪模式a.*bc 可以匹配  abcbcbc
    ————————————————
    原文链接:https://blog.csdn.net/qq_42804678/article/details/91346116

    关于正则:https://baike.baidu.com/item/%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F

    match() 

    match() 方法可在字符串内检索指定的值,或找到一个或多个正则表达式的匹配。

    stringObject.match(searchvalue)
    stringObject.match(regexp)
    

    返回值:

    存放匹配结果的数组。该数组的内容依赖于 regexp 是否具有全局标志 g。

     
    (*╹▽╹*)几何柒期的blog
  • 相关阅读:
    大数据-linux之大数据-shell位置参数变量
    大数据-linux之大数据-shell环境变量
    【httprunner】环境配置
    NOIP/CSP 普及组 历年复赛真题题单(1998~2020)
    【自动化测试中的自定义函数支持】方案+踩坑
    【转】nodejs npm安装教程2
    my read travel / nanjing 48 scenery / landscape
    OS + Windows 10 & Android shuangxitong
    OS + Windows10 on ARM / Windows 10 for arm
    OS + Centos df busy
  • 原文地址:https://www.cnblogs.com/nuonuo-D/p/11571888.html
Copyright © 2011-2022 走看看