zoukankan      html  css  js  c++  java
  • js判断复合数据类型的两种方式(typeof不奏效了)

    作者:zccst

    typeof认为所有的复合数据类型都是"object",没法进一步细分,所以还得用其他方法

    先上结论:

    1,(arr && typeof(arr) === "object" && arr.constructor === Array)

    2,Object.prototype.toString.call(arr);

    Js代码  收藏代码
    1. Object.prototype.toString.call([]);  
    2. //"[object Array]"  
    3. Object.prototype.toString.call({});  
    4. //"[object Object]"  



    例子:

    Js代码  收藏代码
    1. var arr = [];  
    2. arr['name'] = "helios";  
    3. arr['version'] = 'trunk';  
    4. console.log(arr, typeof arr);  
    5. console.dir(arr);//信息比较全面  
    6. $.each(arr, function(key, item){//没有进入循环,是因为length=0  
    7.     console.log(key, item, item[key]);  
    8. });  
    9. console.log( Object.prototype.toString.call(arr) );  
    10. console.log( arr.constructor , arr.constructor === Array);  
    11. console.log(arr && typeof(arr) === "object" && arr.constructor === Array);  



    打印:
    [name: "helios", version: "trunk"] "object"
    Array[0]
      length: 0
      name: "helios"
      version: "trunk"
      __proto__: Array[0]
    [object Array]
    function Array() { [native code] } true
    true

    批注:
    1,arr还是数组。只不过length=0,同时绑定了两个静态变量。jQuery不循环这类数据。

    2,typeof只是用来判断基本数据类型的。复合数据类型typeof判断出都是"object"

    3,instanceof也不奏效,因为他们是继承关系。

    Js代码  收藏代码
      1. var arr = [];  
      2. arr['name'] = "helios";  
      3. arr['version'] = 'trunk';  
      4. console.log( arr instanceof Array );  //true  
      5. console.log( arr instanceof Object ); //true 
  • 相关阅读:
    任务26:dotnet watch run 和attach到进程调试
    我心中的ASP.NET Core 新核心对象WebHost(二)
    任务25:IHostEnvironment和 IApplicationLifetime介绍
    跨域之jsonp
    H5之拖拽
    h5学习之表单
    canvas之五角星的绘制
    canvas学习之初级运用
    js中常见继承方式
    this指针的使用场景
  • 原文地址:https://www.cnblogs.com/shsgl/p/4289937.html
Copyright © 2011-2022 走看看