美文网首页我爱编程
判断一个变量类型是数组还是对象

判断一个变量类型是数组还是对象

作者: 易冷zzz | 来源:发表于2018-04-15 18:24 被阅读24次

无论是数组还是对象,对于typeof的操作返回值都为object,所以就有了区分数组类型和对象类型的需要:

方一:通过length属性:一般情况下对象没有length属性值,其值为undefiend,而数组的length值为number类型

缺点:非常不实用,当对象的属性存在"length",且其值为Number类型,则该方法失效,不建议使用,看看即可。

 var arr = [1, 2, 3];
 var obj = {
            length: 3
        }
        console.log(arr.length); //3
       console.log(obj.length); //3

*方二:通过instanceof来判断区分
a instanceof Array 返回一个布尔值用于判断a是否为Array的一个实例

 var arr = [1, 2, 3];
 var obj = {
            name: 'lyl',
            age: 18,
            1: 'name'
        }
        console.log(arr instanceof Array); //true
       console.log(obj instanceof Array); //false

*方三:通过constructor
constructor 属性是Array对象的三个属性之一,另外2个是length和propotype.

constructor 属性返回对创建此对象的数组函数的引用
—— 来自W3C关于constructor介绍

     var arr = [1, 2, 3];
        var obj = {
            name: 'lyl',
            age: 18,
            1: 'name'
        }
        console.log(arr.constructor === Array); //true
        console.log(obj.constructor === Array); //false


//关于constructor属性使用的扩展:
  var test=new Array();
  if (test.constructor==Array){
    document.write("This is an Array");
  }
  if (test.constructor==Boolean){
    document.write("This is a Boolean");
  }
  if (test.constructor==Date){
    document.write("This is a Date");
  }
  if (test.constructor==String){
    document.write("This is a String");
  }

*方四:通过toString()方法,数组原型和对象原型定义的toString()方法不同

原理参考:点击这里

var arr = [1, 2, 3];
 var obj = {
        name: 'zqf',
        age: 18,
        1: 'name'
  }
console.log(Object.prototype.toString.call(arr) === '[object Array]'); //true
console.log(Object.prototype.toString.call(boj) === '[object Array]'); //false 

以上,如果喜欢欢迎点赞和打赏,如有错误欢迎指正,谢谢!

相关文章

  • 判断一个变量类型是数组还是对象

    无论是数组还是对象,对于typeof的操作返回值都为object,所以就有了区分数组类型和对象类型的需要: 方一:...

  • 如何判断javascritp变量的类型?

    在javascript变量的类型可以是以下这些: 函数 对象 数组 字符串 数字 null 那么如何判断一个变量是...

  • Dart

    定义变量 变量类型 定义数组 定义对象,key必须加引号 判断数据类型 取整 类型转换 函数 闭包 类 静态成员、...

  • NodeJs实用技巧

    判断数组类型为 Array 判断对象类型为 Object 判断对象类型为 Number

  • 前端面试常见问题

    1、JavaScript中的数据类型有哪些? 2、如何判断一个变量的类型是Array 还是Object? 3、数组...

  • 判断一个变量是数组还是对象

    ----判断数组和对象有好几种方法,其中有prototype.toString.call()兼容性最好。记住这一种...

  • 判断一个变量是数组还是对象

    判断变量是数组还是对象,使用Object.prototype.toString.call(),兼容性好,切勿使用t...

  • 10-JavaScript数组常用方法

    数组常用方法 在JS中数组是一个引用类型, 也就是一个对象 判断一个对象是否是数组可以利用instanceof判断...

  • 区分数组还是对象的四种方法

    在使用typeof来检测变量类型时,数组和对象的类型都是"object" 那怎么区分是数组还是对象呢有四种方法: ...

  • 2-10原型和原型链-解答

    如何准确判断一个变量是数组类型? instanceof可以,typeof无法判断是否为数组。 写一个原型链的例子 ...

网友评论

    本文标题:判断一个变量类型是数组还是对象

    本文链接:https://www.haomeiwen.com/subject/hixjkftx.html