JavaScript知识点总结(六)之JavaScript判断变量数据类型

前端之家收集整理的这篇文章主要介绍了JavaScript知识点总结(六)之JavaScript判断变量数据类型前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

最近做了一个项目,其中有关于js判断数据类型的处理,在网上搜了相关资料,并且亲自测试了各种数据类型的判断,绝对安全。下面小编把具体内容总结分享给大家,大家参考下!

   1.数值型(Number):包括整数、浮点数。

   2.布尔型(Boolean)

   3.字符串型(String)

   4.对象(Object)

   5.数组(Array)

   6.空值(Null)

   7.未定义(Undefined)

二、判断一个变量的数据类型

1.数值型(number)

  比较常用的判断方法是:

  但有些情况就不行,比如:

  这里弹出来的是true,如下图所示:

  但实际上变量a是NaN,它是不能用于数值运算的。

  所以上面的函数可以修改为:

修改了之后,弹出来的就是false,如下图所示:

  顺便介绍一下JavaScript isFinite() 函数,isFinite() 函数用于检查其参数是否是无穷大,如果 number 是有限数字(或可转换为有限数字),那么返回 true。否则,如果 number 是 NaN(非数字),或者是正、负无穷大的数,则返回 false。

2.布尔型(boolean)

  布尔类型的判断比较简单,可以用如下的方法进行判断:

测试代码

运行结果:

3. 字符串(String)

  字符串类型的判断比较简单,可以用如下的方法进行判断:

测试代码

运行结果:

4.未定义(Undefined)

  未定义的判断比较简单,可以用如下的方法进行判断:

测试代码

运行结果:

5.对象(Object)

  由于当变量是空值Null时,typeof也会返回object,所以Object不能直接用 typeof 判断。

应该这样:

测试代码

运行结果:

6.空值(Null)

  判断空值用 val === null 即可

测试代码

运行结果:

7.数组(Array)

  数组类型不可用typeof来判断。因为当变量是数组类型是,typeof会返回object。

  这里有两种方法判断数组类型:

方法一 */ function isArray(arr) { return Object.prototype.toString.apply(arr) === '[object Array]'; } /*判断变量arr是不是数组 方法二 */ function isArray(arr) { if(arr === null || typeof arr === 'undefined'){ return false; } return arr.constructor === Array; }

测试代码

方法一 */ function isArray(arr) { return Object.prototype.toString.apply(arr) === '[object Array]'; } /*判断变量arr是不是数组 方法二 */ function isArray(arr) { if(arr === null || typeof arr === 'undefined'){ return false; } return arr.constructor === Array; } //测试变量 var a = null; var b = ""; var c ; var arr = [,]; var arr = new Array(); //打印测试结果 document.write("arr变量是数组类型,typeof arr === 'object'的结果是:"+(typeof arr === 'object')); document.write("
"); document.write("------------------------------------------------------------------------------------------------"); document.write("
"); document.write("使用isArray方法判断结果如下:"); document.write("
"); document.write("------------------------------------------------------------------------------------------------"); document.write("
"); document.write("变量a是数组类型的判断结果是:"+isArray(a)); document.write("
"); document.write("变量b是数组类型的判断结果是:"+isArray(b)); document.write("
"); document.write("变量c是数组类型的判断结果是:"+isArray(c)); document.write("
"); document.write("变量arr是数组类型的判断结果是:"+isArray(arr)); document.write("
"); document.write("变量arr是数组类型的判断结果是:"+isArray(arr)); document.write("
"); document.write("------------------------------------------------------------------------------------------------"); document.write("
"); document.write("使用isArray方法判断结果如下:"); document.write("
"); document.write("------------------------------------------------------------------------------------------------"); document.write("
"); document.write("变量a是数组类型的判断结果是:"+isArray(a)); document.write("
"); document.write("变量b是数组类型的判断结果是:"+isArray(b)); document.write("
"); document.write("变量c是数组类型的判断结果是:"+isArray(c)); document.write("
"); document.write("变量arr是数组类型的判断结果是:"+isArray(arr)); document.write("
"); document.write("变量arr是数组类型的判断结果是:"+isArray(arr)); document.write("
");

运行结果:

以上内容是小编给大家介绍的JavaScript知识点总结(六)之JavaScript判断变量数据类型的相关知识,希望对大家有所帮助,如果大家想了解更多内容敬请关注编程之家网站!

原文链接:https://www.f2er.com/js/48271.html

猜你在找的JavaScript相关文章