js判断对象类型

1.typeof

typeof只能判断区分基本类型,number、string、boolean、undefined和object,function;

typeof 0;  //number;
typeof true;  //boolean;
typeof undefined;  //undefined;
typeof "hello world"   //string;
typeof function(){};   //function;typeof null; //object
typeof {};  //object;
typeof []; //object

从上例我们可以看出, typeof  判断对象和数组都返回object,因此它无法区分对象和数组。

2.instanceof

var a={};
a instanceof Object  //true
a intanceof Array     //false
var b=[];
b instanceof Array  //true
b instanceof  Object //true

因为数组属于object中的一种,所以数组instanceof object,也是true.

var c='abc';
c instanceof String; //false
var d=new String();
d instanceof String  //true

instanceof不能区分基本类型string和boolean,除非是字符串对象和布尔对象。如上例所示。

3.constructor  

var o={};
o.constructor==Object  //true
var arr=[];
arr.constructor==Array  //true
arr.constructor==Object //false

可以看出constructor可以区分Array和Object。

var n=true;
n.constructor==Boolean  //true
var num=1;
num.constructor==Number  //true
var str='hello world';
str.constructor==String     //true

var num=new Number();

num.constructor==Number   //true

 

不过要注意,constructor属性是可以被修改的,会导致检测出的结果不正确

function Person(){}
function Student(){}
Student.prototype = new Person();
var John = new Student();
console.log(John.constructor==Student); // false
console.log(John.constructor==Person); // true
除了undefined和null,其他类型的变量均能使用constructor判断出类型.

4.Object.prototype.toString.call()   ---------最好用

Object.prototype.toString.call(123)
//"[object Number]"

Object.prototype.toString.call('str')
//"[object String]"

Object.prototype.toString.call(true)
//"[object Boolean]"

Object.prototype.toString.call({})
//"[object Object]"

Object.prototype.toString.call([])
//"[object Array]"

封装一个判断数组和对象的方法

function typeObj(obj){var type=Object.prototype.toString.call(obj);if(type=='[object Array]'){return 'Array';}elseif(type=='[object  Object]'){return 'Object';}else{return "obj is not object or array"}}

Object.prototype.toString方法的在被调用的时候,会执行如下的操作步骤: 

1. 获取对象的类名(对象类型)。  

[[Class]]是一个内部属性,所有的对象(原生对象和宿主对象)都拥有该属性.在规范中,[[Class]]是这么定义的: 
内部属性,[[Class]] 一个字符串值,表明了该对象的类型。
2. 然后将[object  获取的对象类型的名]组合为字符串 
3. 返回字符串 “[object Array]” 。

5.jQuery中的  $.type接口

$.type(obj) ;

$.isArray(obj);

$.isFunction(obj);

$.isPlainObject(obj);

$.type([])    //array
$.isArray([]); //true
$.isFunction(function(){}); //true
$.isPlainObject({}); //true
$.isPlainObject([]); //false

 


更多专业前端知识,请上 【猿2048】www.mk2048.com

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/361086.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

我喜欢的类型

http://v.qq.com/cover/h/hfd581s2y9unvy8.html?vidp0011ocge8q 转载于:https://www.cnblogs.com/sliz/archive/2012/12/09/2809742.html

使用WildFly和Java EE 7映像与Docker提供者一起流浪

什么是无业游民? Vagrant是创建虚拟开发环境的简化且可移植的方式。 它可与多种虚拟化软件一起使用,例如VirtualBox,VMWare,AWS等。 它还可以与多种配置软件一起使用,例如Ansible,Chef,Puppet或…

Apache Nutch 1.6 发布

Apache Nutch 1.6 发布,该版本修复了超过 20 个 bug,新功能包括:新的 HostNormalizer,可通过 MIME-type 和 Indexer API 的功能增强来动态设置 fetchInterval ,更新 Tika 到 1.2 版本,更新 Autimaton 到 1.…

EE Servlet 3:如何在Web应用程序中设置后端服务

在Web应用程序中,提供用户界面(UI)通常只是工作的一半。 许多应用程序都有后端服务支持的要求。 后端服务的一些示例是调度程序进程(批处理),侦听队列并在消息进入时作出响应,或者是简单的事情&…

es6解构赋值

解构赋值语法是一个 Javascript 表达式,这使得可以将值从数组或属性从对象提取到不同的变量中。 数组解构赋值: {let a,b,rest;[a,b][1,2];console.log(a,b); //1 2 } {let a,b,rest;[a,b,...rest][1,2,3,4,5]; console.log(a,b,rest); //1 2 [ 3, 4, 5 ]…

Jquery插件之ajaxForm

如今ajax满天飞,作为重点的form自然也受到照顾。 其实,我们在平常使用Jquery异步提交表单,一般是在submit()中,使用$.ajax进行。比如: $(function(){$(#myForm).submit(function(){$.ajax({url:"/WebTest/test/te…

休眠锁定模式–乐观锁定模式如何工作

显式乐观锁定 在上一篇文章中 ,我介绍了Java持久性锁定的基本概念。 隐式锁定机制可防止丢失更新 ,它适用于我们可以主动修改的实体。 虽然隐式乐观锁定是一种广泛使用的技术,但是很少有人了解显式乐观锁定模式的内部工作原理。 当锁定的实…

CSS中可继承的属性

不可继承的属性太多了不要背,记住可以继承的属性有哪些就行了。可以继承的属性很少,只有颜色,文字,字体间距行高对齐方式,和列表的样式可以继承。这么来记很轻松的呀!不要被下边的吓到了哦~所有元素可继承&…

如何在JMeter中执行客户端Web性能测试?

在本文中,我们将看到如何使用Jmeter插件进行客户端性能测试。 我将使用jmeter webdriver插件。 在开始本主题之前,请从我以前的文章中获得有关客户端性能测试的一些基本信息。 因此,让我们开始吧: 安装 通过这篇文章之后的链接&…

inline-block的兼容性问题

我们都知道在IE6 7 中用*display:block;*zoom:1;可以解决 inline-block 的兼容问题 很多人认为IE6 7 是不支持inline-block的,严格来说应该是:IE6 7 对 inline-block 支持的不够完全 这个要分两种情况来说&…

用Java读取/写入压缩和非压缩文件

这篇文章的主要原因是尝试不重复自己( DRY ),因为通常,我会遇到读写压缩和非压缩文件(主要是JSON和CSV)的递归需求。 首先让我们看看如何读取文本文件。 注意我正在使用(相对较小的&#xff09…

Gradle入门:创建多项目构建

尽管我们只能使用一个模块来创建一个工作的应用程序,但是有时将我们的应用程序划分为多个较小的模块是比较明智​​的。 因为这是一个相当普遍的用例,所以每个自重的构建工具都必须支持它,Gradle也不例外。 如果Gradle项目具有多个模块&…

float

1.float元素有继承属性:inherit. 2. span{width:100px;height:100px;background:red; } 文档中不显示,因为span为块状元素,不能设置宽和高。 3. span{width:100px;height:100px;background:red;float:left; } 此时在文…

[转载]Buffon投针实验:究竟为什么是pi?

Buffon投针实验:究竟为什么是pi? Brain Storm | 2009-11-06 20:16| 57 Comments | 本文内容遵从CC版权协议 转载请注明出自matrix67.com数学学习真正悲哀的就是,记住了某个神奇而伟大的定理,看懂了其最严密的推导过程,…

EE Servlet 3:使用会话和过滤器开发用户登录

我在上一篇文章中介绍了Application类,您可以在其中设置后端服务。 我添加的一个示例服务是UserService 。 该服务将加载包含用户名和密码集的Java用户属性文件; 稍后将用于对用户进行身份验证以登录到Web应用程序。 现在,我将展示如何使用标…

Ajax应用查询员工信息

首先要用上一篇的步骤启动服务器&#xff0c;建立站点。然后在该站点下创建php文件和html文件。 php代码如下&#xff0c;文件名为server.php <?php //设置页面内容是html编码格式是utf-8 header("Content-Type: text/plain;charsetutf-8"); //header("Co…

局域网基础知识

一、局域网的特征&#xff1a;   局域网分布范围小&#xff0c;投资少&#xff0c;配置简单等&#xff0c;具有如下特征&#xff1a;     1&#xff0e;传输速率高&#xff1a;一般为1Mbps--20Mbps&#xff0c;光纤高速网可达100Mbps&#xff0c;1000MbpS     2&…

初始化懒惰关系以及何时使用它们的5种方法

实体之间关系的延迟加载是JPA中公认的最佳实践。 它的主要目标是仅从数据库中检索请求的实体&#xff0c;并仅在需要时加载相关实体。 如果我们只需要请求的实体&#xff0c;那是一个很好的方法。 但是&#xff0c;如果我们还需要一些相关实体&#xff0c;它会增加工作量&#…

fieldset ----- 不常用的HTML标签

fieldset 元素可将表单内的相关元素分组。 <fieldset> 标签将表单内容的一部分打包&#xff0c;生成一组相关表单的字段。 当一组表单元素放到 <fieldset> 标签内时&#xff0c;浏览器会以特殊方式来显示它们&#xff0c;它们可能有特殊的边界、3D 效果&#xff…

谷歌移动应用强调设计元素:向极简风格转型

导语&#xff1a;美国科技博客TechCrunch今天撰文称&#xff0c;一向不看重设计的谷歌&#xff0c;最近也开始在移动应用中强调设计元素&#xff0c;并向极简风格转型。 以下为文章全文&#xff1a; 谷歌的设计向来不够酷&#xff0c;Gmail和Google Docs的功能都很不错&#xf…