博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JavaScript如何判断变量是数组还是对象
阅读量:4969 次
发布时间:2019-06-12

本文共 2864 字,大约阅读时间需要 9 分钟。

方法一:通过判断变量的类型,并且变量的length属性(除了有一种例外是arguments对象–当给函数传参时数据存储的地方)

var arr=[2,3,4];  var obj={"name":"maomao","age":20};  console.log(typeof arr);   //object  console.log(typeof obj);   //object  console.log(arr.length);   //3  console.log(obj.length);   //undefined  console.log(obj.name);     //maomao  //这里说明在对象中并没有length属性,所以是未定义。

方法二:

使用toString方法将对象转换成其他类型的string,该例很好的证明了arguments对象不是数组,而是对象

var arr=[2,3,4];    var obj={"name":"maomao","age":20};    // console.log(arr.toString());  //'2,3,4'    // console.log(obj.toString());  //[object Object]    function sum(a,b){       // console.log(arguments);       // console.log(typeof arguments);    //object       // console.log(arguments.length);    //2 根据具体调用函数传的实参决定       // console.log(arguments.toString()); //[object Arguments]       return a+b;    }    alert(sum(3,4));

web前端JavaScript学习群:618522268

方法三: —>不可行
instanceof 指出对象是否是特定类的一个实例。
结论:instanceof 检测一个对象A是不是另一个对象B的实例的原理是:查看对象B的prototype指向的对象是否在对象A的[[prototype]]链上。如果在,则返回true,如果不在则返回false。不过有一个特殊的情况,当对象B的prototype为null将会报错(类似于空指针异常)。

var arr=[2,3,4,"haa"];    var obj={"name":"maomao","age":20};    console.log(arr instanceof Array);  //true    console.log(obj instanceof Object);  //true    console.log(arr instanceof Object);  //true    ---这里跟网上的不同,不知道是什么原因    console.log(obj instanceof Array);  //false

4、ECMAScript 5中可以使用isArray来判断

var arr=[2,3,4,"haa"];    var obj={"name":"maomao","age":20};    console.log(Array.isArray(arr));  //true    console.log(Array.isArray(obj));  //false    //注意没有isObject这种方法   暂时

5、使用isPrototypeOf()函数

原理:检测一个对象是否是Array的原型(或处于原型链中,不但可检测直接父对象,还可检测整个原型链上的所有父对象)
使用方法: parent.isPrototypeOf(child)来检测parent是否为child的原型;
需注意的是isPrototypeOf()函数实现的功能和instancof运算符非常类似;

var arr=[2,3,4,"haa"];var object={"name":"maomao","age":20};console.log(Array.prototype.isPrototypeOf(arr));    //trueconsole.log(Array.prototype.isPrototypeOf(object)); //falseconsole.log(Object.prototype.isPrototypeOf(arr));   //true                   console.log(Object.prototype.isPrototypeOf(object));  //true

//从上面上看Array.prototype.isPrototypeOf()可以作为判断的依据

6、使用constructor属性

var arr=[2,3,4,"haa"];

var obj={"name":"maomao","age":20};
console.log(arr.constructor); //function Array() { [native code] }
console.log(obj.constructor); //function Object() { [native code] }
console.log(arr.constructor==Array); //true
console.log(arr.constructor==Object); //false
console.log(obj.constructor==Array); //false
console.log(obj.constructor==Object); //true

7、使用concat方法–灵活变通

array.concat(数组1,数组2,…)
返回一个新数组,这个新数组是由两个或更多数组组合而成的

var arr=[2,3,4];

var obj={"name":"maomao","age":20,'concat':function(){ return 1;}};
console.log(arr.concat()); //[2,3,4]
console.log(obj.concat()); //1 当然这个concat是我自定义上去的方法,返回值也是可以定制的。如果没有该方法则会报出Uncaught TypeError: obj.concat is not a function这个错误。
web前端JavaScript学习群618522268

转载于:https://www.cnblogs.com/gongyue/p/9183551.html

你可能感兴趣的文章
highcharts 图表实例
查看>>
ubuntu下如何查看用户登录及系统授权相关信息
查看>>
秋季学期学习总结
查看>>
SpringBoot 优化内嵌的Tomcat
查看>>
【LaTeX】E喵的LaTeX新手入门教程(1)准备篇
查看>>
highcharts曲线图
查看>>
extjs动态改变样式
查看>>
PL/SQL Developer 查询的数据有乱码或者where 字段名=字段值 查不出来数据
查看>>
宏定义
查看>>
笔记:git基本操作
查看>>
生成php所需要的APNS Service pem证书的步骤
查看>>
JavaWeb之JSON
查看>>
HOT SUMMER 每天都是不一样,积极的去感受生活 C#关闭IE相应的窗口 .
查看>>
windows平台上编译mongdb-cxx-driver
查看>>
optionMenu-普通菜单使用
查看>>
2016-2017-2点集拓扑作业[本科生上课时]讲解视频
查看>>
appium(13)- server config
查看>>
IIS负载均衡-Application Request Route详解第六篇:使用失败请求跟踪规则来诊断ARR...
查看>>
管理信息系统 第三部分 作业
查看>>
[Leetcode Week13]Search a 2D Matrix
查看>>