zoukankan      html  css  js  c++  java
  • js中获取数据类型

    ES5中,js中数据类型:number、string、boolean、undefined、null、object

    js中获取数据类型常用的四种方式

    实例:

    var a = 123,
        b = true,
        c = "123",
        d = undefined,
        e = null;
    var o = new Object();
    var f = new Function();
    var f1 = function(){};
    function f2(){}
    var arr = [];
    var arr1 = new Array();
    var reg = new RegExp();  

    1. typeof

     可以判断 js 中基本数据类型,但无法判断对象的具体类型 

    console.log("a:"+typeof(a));
    console.log("b:"+typeof(b));
    console.log("c:"+typeof(c));
    console.log("d:"+typeof(d));
    console.log("e:"+typeof(e));
    console.log("o:"+typeof(o));
    console.log("f:"+typeof(f));
    console.log("f1:"+typeof(f1));
    console.log("f2:"+typeof(f2));
    console.log("arr:"+typeof(arr));
    console.log("arr1:"+typeof(arr1));
    console.log("reg:"+typeof(reg));  

    注意:当使用基本包装类型创建字符串,数组或布尔值时,使用typeof返回的是Object

        判断基本类型

    function ccTypeof(cc){
      return cc === null ? "null" : typrof(cc);
     }  

    2. Object.prototype.toString.call(1)

    可以判断具体的对象类型,包括正则等,但是无法判断自定义对象类型。

    console.log("a:"+ Object.prototype.toString.call(a));
    console.log("b:"+ Object.prototype.toString.call(b));
    console.log("c:"+ Object.prototype.toString.call(c));
    console.log("d:"+ Object.prototype.toString.call(d));
    console.log("e:"+ Object.prototype.toString.call(e));
    console.log("o:"+ Object.prototype.toString.call(o));
    console.log("f:"+ Object.prototype.toString.call(f));
    console.log("f1:"+ Object.prototype.toString.call(f1));
    console.log("f2:"+ Object.prototype.toString.call(f2));
    console.log("arr:"+ Object.prototype.toString.call(arr));
    console.log("arr1:"+ Object.prototype.toString.call(arr1));
    console.log("reg:"+ Object.prototype.toString.call(reg)); 

    function A(){
     this.a = 1;
    }
    var x = new A();
    console.log(Object.prototype.toString.call(x)); 
    

    3. instanceof

    用法:变量 nstaceof 对象,返回值为boolean。

    仅能判断对象的具体类型,但可以拥于判断自定义对象类型。

    var a = 123,
        b = true,
        c = "123";
        //d = undefined,
        //e = null;
    var o = new Object();
    var f = new Function();
    var f1 = function(){};
    function f2(){}
    var arr = [];
    var arr1 = new Array();
    var reg = new RegExp();
    
    console.log(a instanceof Number);
    console.log(b instanceof Boolean);
    console.log(c instanceof String);
    //console.log("d:"+d instanceof Undefined);
    //console.log("e:"+e instanceof Null);
    console.log(o instanceof Object);
    console.log(f instanceof Function);
    console.log(f1 instanceof Function);
    console.log(f2 instanceof Function);
    console.log(arr instanceof Array);
    console.log(arr1 instanceof Array);
    console.log(reg instanceof RegExp);  

     

    function A(){
     this.a = 1;
    }
    function B(){
     this.b = 2;
    }
    var x = new A();
    if(x instanceof A){
      console.log("x is A");   
    }
    if(x instanceof B){
      console.log("x is B");   
    }else{
      console.log("x is not B");  
    }

    4. constructor

    查看对象对应的构造函数

    object的每个实例都具有属性constructor,保存着用于创建当前对象的函数。

    function A(){
     this.a = 1;
    }
    
    var x = new A();
    console.log(x.constructor);

    function A(){
     this.a = 1;
    }
    function B(){
     this.b = 2;
    }
    var x = new A();
    if(x.constructor == A){
      console.log("x is A");   
    }
    if(x.constructor == B){
      console.log("x is B");   
    }else{
      console.log("x is not B");  
    }
    

    但是Undefined和Null类型不能判断

     

    打印所有类型

    function ccTypeof(cc){
      var typeName == Object.prototype.toString.call(cc);
      if( typeName == "[object Object]"){
          typeName = "[object" + cc.constructor.name + "]";
       }
    }
    

    注意:判断数组还可以用数组的isArray()方法,语法:Array.isArray(arr),返回值为Boolean值。

  • 相关阅读:
    第二十篇:不为客户连接创建子进程的并发回射服务器(poll实现)
    第十九篇:不为客户连接创建子进程的并发回射服务器(select实现)
    第十八篇:批量处理情况下的回射客户端
    第十七篇:IO复用之select实现
    修改文件中的内容,使用fileinput模块
    登陆脚本
    内置函数 字符串操作
    loj 1316(spfa预处理+状压dp)
    loj 1099(最短路)
    loj 1044(dp+记忆化搜索)
  • 原文地址:https://www.cnblogs.com/Amy-world/p/9958208.html
Copyright © 2011-2022 走看看