Javascript判断object还是list/array的类型(包含javascript的数据类型研究)
前提:先研究javascript中的变量有几种,参考:
http://www.w3school.com.cn/js/js_datatypes.asp
http://glzaction.iteye.com/blog/1285147
测试1:
typeof关键字
var obj= {test:'test'};
typeof obj;//输出object
var list = [{test:'test'}];
typeof list;//输出object
var str = 'str';
typeof str;//输出string
var i = 1;
typeof i;//输出number
var b = false;
typeof b;//输出boolean
var n = null;
typeof n;//输出object
n==null;//输出true
var n;
typeof n;//输出undefined
直接输出一个没有定义的变量
typeof a;//输出undefined
function func(){}
typeof func;//输出function
以上可以发现,只能判断list和obj同时输出了object
在判断某个对象是否为指定类型时,可以用==或者===,比如:typeof func === 'function'或者typeof func == 'function'
测试2:
Object.prototype.toString.call( obj )
var obj= {test:'test'};
Object.prototype.toString.call( obj );//输出[object Object]
var list = [{test:'test'}];
Object.prototype.toString.call( list );//输出[object Array]
var str = 'str';
Object.prototype.toString.call( str );//输出[object String]
var i = 1;
Object.prototype.toString.call( i );//输出[object Number]
var b = false;
Object.prototype.toString.call( b );//输出[object Boolean]
var n = null;
Object.prototype.toString.call( n );//输出[object Null]
n==null;//输出true
var n;
Object.prototype.toString.call( n );//输出[object Undefined]
直接输出一个没有定义的变量
Object.prototype.toString.call( a );//输出:Uncaught ReferenceError: n1 is not defined,会报异常,阻止执行下面
function func(){}
Object.prototype.toString.call( function );//输出[object Function]
这个方法可以很明确的直到obj和list的类型
判断时使用Object.prototype.toString.call( list )==='[object Array]'或者Object.prototype.toString.call( list )=='[object Array]',==或者===一样的效果。
测试3:
如果使用jquery,可以使用$.isArray(obj)的方法,如下:
- var a = ["A", "AA", "AAA"];
- if($.isArray(a)) {
- console.log("a is an array!");
- } else {
- console.log("a is not an array!");
- }
但是测试发现,只能判断数组,没有判断对象的方法。
测试4:
instanceof 关键字
var obj= {test:'test'};
var str = 'str';
var i = 1;
var b = false;
var list = [{test:'test'}];
var n = null;
function func(){}
通过测试,使用如:obj instanceof Object的形式,只能是判断两种类型Object和Array,其中Boolean、Number、String可以判断,但是会返回false,如上面i和b变量;如果判断为null或者undefind会报Uncaught TypeError: Right-hand side of 'instanceof' is not an object这样的错误。
测试5:
直接通过Array.isArray(obj),javascript的原生方法,不过这个只能判断数组。
测试5:
通过obj.constructor关键字
var obj= {test:'test'};
var str = 'str';
var i = 1;
var b = false;
var list = [{test:'test'}];
var n = null;
function func(){}
通过测试,使用如:str == String.constructor的形式,只能判断Object、Array、String、Boolean、Number,对于null、function、undefind这些会报异常。
参考:
http://stackoverflow.com/questions/4775722/check-if-object-is-array
http://www.jb51.net/article/21945.htm
Javascript判断object还是list/array的类型(包含javascript的数据类型研究)的更多相关文章
- 【JavaScript】Object.prototype.toString.call()进行类型判断
权声明:本文为博主原创文章,未经博主允许不得转载. op = Object.prototype, ostring = op.toString, ... function isFunction(it) ...
- 用Javascript判断访问来源操作系统, 设备, 浏览器类型
var browser = { os : function() { var u = navigator.userAgent; return {// 操作系统 linux: !!u.match(/\(X ...
- JavaScript中判断对象是否属于Array类型的4种方法及其背后的原理与局限性
前言 毫无疑问,Array.isArray是现如今JavaScript中判断对象是否属于Array类型的首选,但是我认为了解本文其余的方法及其背后的原理与局限性也是很有必要的,因为在JavaScrip ...
- JavaScript判断对象的类型
JavaScript判断对象的类型 最近阅读了一些关于JavaScript判断对象类型的文章.总结下来,主要有constructor属性.typeof操作符.instanceof操作符和Object. ...
- Javascript 判断变量类型的陷阱 与 正确的处理方式
Javascript 由于各种各样的原因,在判断一个变量的数据类型方面一直存在着一些问题,其中最典型的问题恐怕就是 typeof null 会返回 object 了吧.因此在这里简单的总结一下判断数据 ...
- JavaScript判断对象类型及节点类型、节点名称和节点值
一.JavaScript判断对象类型 1.可以使用typeof函数判断对象类型 function checkObject1(){ var str="str"; console.lo ...
- javascript 判断对象类型
typeof typeof是一个一元运算符,它返回的结果 始终是一个字符串,对不同的操作数,它返回不同的结果. 此表总结了typeof所有可能的返回值: 操作数类型 返回值 undefined &qu ...
- JavaScript 用七种方式教你判断一个变量是否为数组类型
JavaScript 如何判断一个变量是否为数组类型 引言 正文 方法一 方法二 方法三 方法四 方法五 方法六 方法七 结束语 引言 我们如何判断一个变量是否为数组类型呢? 今天来给大家介绍七种方式 ...
- javascript 判断变量是否是数组(Array)
过完春节又有好多人寻找新的机会,旁边的人面试完就会分享一些问题,明明会的但是面试的时候,想不全,面试官不满意...这个懊恼的行为,今天的文章跟大家分享下:javascript如何判断便是是数组. 1. ...
随机推荐
- redis开启远程访问
redis默认只允许本地访问,要使redis可以远程访问可以修改redis.conf 打开redis.conf文件在NETWORK部分有说明 ######################### ...
- WCF实现事件通知相关应用技巧介绍
WCF实现事件通知是一个比较容易掌握的知识点,不过在实现的过程中,我们还是需要注意一些事项,以保证功能的完善性. WCF中有一些方法的应用对于初学者来说还是比较容易应用.只要熟练的联系这些方法操作,一 ...
- git 管理
p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 16.0px "Helvetica Neue"; color: #3e3e3e; bac ...
- [deviceone开发]-底部弹出选择
一.简介 个人上传的第一个示例源码,两天空闲时间写的,一点简单组件,写的挺乱还没啥注释,仅供新手学习. 底部弹出选择,可滑动选择选项,如果停留在选项中间,可自动校正位置,加了一点简单的动画效果,需要的 ...
- SharePoint 2013 Designer 入门教程
SharePoint的使用中,SharePoint Designer是非常重要的工具,我们可以通过Designer设计页面.母版页,维护.管理站点,也可以定制列表表单.数据视图,设计工作流等等.下面总 ...
- Android Weekly Notes Issue #230
Android Weekly Notes Issue #230 November 6th, 2016 Android Weekly Issue #230. Android Weekly笔记, 本期内容 ...
- js与native交互
js与native交互 UIWebView Native调用JS,使用stringByEvaluatingJavaScriptFromString来解释执行js脚本. //script即为要执行的js ...
- 最快让你上手ReactiveCocoa之基础篇
前言 很多blog都说ReactiveCocoa好用,然后各种秀自己如何灵活运用ReactiveCocoa,但是感觉真正缺少的是一篇如何学习ReactiveCocoa的文章,这里介绍一下. 1.Rea ...
- Spring MVC之@RequestMapping 详解
(转自:http://blog.csdn.net/walkerjong/article/details/7994326) 引言: 前段时间项目中用到了RESTful模式来开发程序,但是当用POST.P ...
- float4与half4数据类型
连续4个32位float类型数的向量 HLSL数据类型 GPU是以四维向量为基本单位来计算的.4个浮点数所组成的float4向量是GPU内置的最基本类型.使用GPU对两个float4向量进行计算,与C ...