一、javascript的数据 javascript的数据分为两种：简单数据和复杂数据。简单数据包含number，string，boolean，undefined和null这五种；复杂数据只有一种即object。【此处友情鸣谢李战老师，<<悟透JavaScript>>写得太传神，印象太深刻了】 二、javascript的数据类型检测 1、万能的typeof 我们先测试一下通过typeof来获取简单数据类型。什么也别说了，上代码是王道： 复制代码 代码如下: // 获取变量obj的数据类型 function getType(obj) { return typeof (obj); } /*常量获取类型*/ alert(getType(1)); //number alert(getType("jeff wong")); //string alert(getType(true)); //boolean alert(getType(undefined)); //undefined alert(getType(null)); //object /*变量获取类型*/ var num = 1; var str = "jeff wong"; var flag = true; var hell = undefined; var none = null; alert(getType(num)); //number alert(getType(str)); //string alert(getType(flag)); //boolean alert(getType(hell)); //undefined alert(getType(none)); //object 正如你所看到的那样，通过typeof运算符，前面四个简单数据类型完全在意料之中，但是typeof null却返回object。应该注意到，null是null类型的唯一值，但null并不是object，具有null值的变量也并非object，所以直接通过typeof，并不能正确得到null类型。 要正确获取简单数据类型，只要在getType的地方加点改进就可以了： 复制代码 代码如下: function getType(obj) { return (obj === null) ? "null" : typeof (obj); } 接着来试一下复杂数据类型object： 复制代码 代码如下: function Cat() { } Cat.prototype.CatchMouse = function () { //do some thing } // 获取变量obj的数据类型 function getType(obj) { return (obj === null) ? "null" : typeof (obj); } var obj = new Object(); alert(getType(obj)); //object var func = new Function(); alert(getType(func)); //function var str = new String("jeff wong"); alert(getType(str)); //object var num = new Number(10); alert(getType(num)); //object var time = new Date(); alert(getType(time)); //object var arr = new Array(); alert(getType(arr)); //object var reg = new RegExp(); alert(getType(reg)); //object var garfield = new Cat(); alert(getType(garfield)); //object 我们看到，除了Function（请注意大小写）返回了function，不管是javascript的常见内置对象Object，String或者Date等等，还是自定义function，通过typeof返回的无一例外，通通都是object。但是对于自定义function，我们更愿意得到它的“庐山真面目”（示例中即Cat，而非object），而显然，typeof不具备这种转换处理能力。 2、constructor，想大声说爱你 既然万能的typeof也有无解的时候，那么我们怎么判断一个变量是否是自定义的function实例呢？我们知道，javascript的所有对象都有一个constructor属性，这个属性可以帮我们判断object数据类型，尤其是对自定义function同样适用： 复制代码 代码如下: var obj = "jeff wong"; alert(obj.constructor == String); //true obj = new Cat(); alert(obj.constructor == Cat); //true 但是，下面的代码您也可以测试一下： 复制代码 代码如下: //alert(1.constructor); //数字常量 出错 数字常量无constructor var num = 1; alert(num.constructor == Number); //true alert("jeff wong".constructor == String); //true var str = "jeff wong"; alert(str.constructor == String); //true var obj= null; alert(obj.constructor); //null没有constructor属性 none = undefined; alert(obj.constructor); //undefined没有constructor属性 实验证明，数字型常量，null和undefined都没有constructor属性。 到这里，您会和楼猪一样庆幸认为终于大功告成了吗？下面的代码或许还能有点启发和挖掘作用： 复制代码 代码如下: function Animal() { } function Cat() { } Cat.prototype = new Animal(); Cat.prototype.CatchMouse = function () { //do some thing } var obj = new Cat(); alert(obj.constructor == Cat); //false ？？ alert(obj.constructor == Animal); //true 理解 原来对于原型链继承的情况，constuctor也不那么好使了。那怎么办？ 3、直观的instanceof 嘿嘿，有请instanceof隆重登场。看它的命名，好像是获取某一个对象的实例，也不知这样理解对不对？不管怎样，我们还是动手改进上面的代码测试一下先： 复制代码 代码如下: function Animal() { } function Cat() { } Cat.prototype = new Animal(); Cat.prototype.CatchMouse = function () { //do some thing } var garfield = new Cat(); alert(garfield instanceof Cat); //true 毫无疑问 alert(garfield instanceof Animal); //true 可以理解 好了，关于javascript的数据类型检测，楼猪就大致总结介绍到这里了。希望有心的高人补充。

　　推荐阅读

　　javascript中字符串拼接需注意的问题

在开发中大家也都会注意尽量使用StringBuilder而不采用普通的字符串拼接方式。但是可能大部分开发者却忽略了js中也需要注意这种效率问题。 下面进行一项性能测试，用事实来说话！ 复制代码 代码如下: function xnt>>>详细阅读

本文标题：浅谈javascript的数据类型检测

地址：http://www.17bianji.com/kaifa2/JS/26035.html

 1/2    1