JavaScript判断该对象是否为数组

  1. typeof 用来检测数据类型,Function, String, Number, Undefined都可以使用typeof来判断。
    function test(){}
    console.log(typeof 1); // number
    console.log(typeof test); // function 
    console.log(typeof "yunxi"); // string
    console.log(typeof undefined); // undefined
    View Code

     

  2. Instanceof 用来检测某个对象是否是数组及Function的实例,该检测会返回一个布尔值(boolean),如果是则为true,否则为false。
    console.log([] instanceof Array);  // true
    console.log(/\d+/g instanceof Array); // false
    
     function name() {
    
            }
      console.log(name instanceof Function);//true
    View Code

     

     
  3. constructor属性
    1、在javascript中,每个对象都有一个constructor属性,它引用了初始化该对象的构造函数,比如判断未知对象的类型,因此我们可以如下写一个方法,代码如下:
    function isArray(obj) {
        return typeof obj == 'object' && obj.constructor == Array
    }
    // 测试demo
    console.log(isArray([])); // true
    var a = {"a":1};
    console.log(isArray(a)); // false
    
    var b = [1,2,3];
    console.log(isArray(b)); // true
    console.log(isArray(/\d+/g));// false
    如上可以看到,通过调用isArray 方法也可以判断是否为数组的列子。
    
    我们现在可以看到,对于第二点和第三点分别使用instanceof方法和constructor属性貌似都可以来判断是否为数组了,但是也有列外情况,比如在跨框架iframe的时候使用页面中的数组时,会失败,因为在不同的框架iframe中,创建的数组是不会相互共享其prototype属性的;如下代码测试即可得到验证~
    var iframe = document.createElement('iframe');
    document.body.appendChild(iframe);
    xArray = window.frames[window.frames.length-1].Array;       
    var arr = new xArray("1","2","3","4","5");
    //这个写法IE下是不支持的,标准浏览器firefox,chrome下有
    
    console.log(arr);  // 打印出 ["1", "2", "3", "4", "5"]
    console.log(arr instanceof Array); // false 
    console.log(arr.constructor === Array); // false
    如上的方法我们都不能来判断一个对象是否为数组的方式; 但是我们在看ECMA262中可以看到,可以使用 Object.prototype.toString.call()方法来判断一个对象是否为数组;如下代码:
    function isArray(obj) {
        return Object.prototype.toString.call(obj) == '[object Array]';
    }
    // 代码调用
    console.log(isArray([]));  // true
    console.log(isArray([1,2,3])); // true
    
    var iframe = document.createElement('iframe');
    document.body.appendChild(iframe);
    xArray = window.frames[window.frames.length-1].Array;       
    var arr = new xArray("1","2","3","4","5");
    
    console.log(arr); // ["1","2","3","4","5"]
    console.log(isArray(arr));  // true
    View Code

     

    

 

posted on 2018-11-23 16:54  Luiken  阅读(136)  评论(0编辑  收藏  举报

导航