在javaScript中检测数据类型的几种方式小结
在用javaScript编程的过程中,我们经常会遇到这样一个问题,就是需要检测一个数据或变量的类型,那么在javaScript中给我们提供了哪些方法呢?网上流传的代码比比皆是,但是发现其中有些是有误的,索性我自己动手把每种方法用了一遍,今天我专门整理了下,以便以后查阅。
一、typeof 检测
typeof 是一个一元运算符,语法:typeof(运算数),运算数可以是任意类型。它的返回值是一个字符串,该字符串说明运算数的类型。
// var arr = { name:"john"}; // object // var arr = ["语文","数学"]; // object // function Person() {}; // typeof(Person) => function // var arr = '我是字符串' ; // string // var arr = 66 ; // number // var arr = true ; // boolean // var arr = new Person(); // object // var arr = undefined; // undefined // var arr = null; // object // var arr = /^\d{5,20}$/; // object // console.log( typeof(arr) );
二、instanceof 检测
instanceof 检测某个对象是不是另一个对象的实例,可以在继承关系中用来判断一个实例是否属于它的父类型。
// var arr = '我是字符串' ; // console.log( arr instanceof String ) => false // var arr = 66 ; // console.log( arr instanceof Number ) =>false // var arr = true ; // console.log( arr instanceof Boolean ) =>false // var arr = ["语文","数学"]; // console.log( arr instanceof Array ) =>true // var arr = { name:"john"}; // console.log( arr instanceof Object ) =>true // var arr = function Person(){}; //console.log(arr instanceof Function)=>true // var arr = undefined; // console.log(arr instanceof Object)=>false // var arr = null; // console.log(arr instanceof Object)=>false // var arr = /^\d{5,20}$/; // console.log(arr instanceof RegExp)=>true
三、Object.prototype.toString.call 检测
使用Object.prototype上的原生toString()方法判断数据类型,使用方法如下:Object.prototype.toString.call(value)
// var arr = '我是字符串' ; //[object String] // var arr = 66 ; //[object Number] // var arr = true ; //[object Boolean] // var arr = ["语文","数学"]; //[object Array] // var arr = { name:"john"}; //[object Object] // var arr = function Person(){}; //[object Function] // var arr = undefined; //[object Undefined] // var arr = null; //[object Null] // var arr = /^\d{5,20}$/; //[object RegExp] // console.log( Object.prototype.toString.call(arr) );
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
相关文章
Javascript iframe交互并兼容各种浏览器的解决方法
这篇文章主要介绍了Javascript iframe交互并兼容各种浏览器的解决方法的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下2016-07-07element select下拉框编辑时回显已经删除的数据操作代码
今天做项目遇到一个棘手的问题,关于element select下拉框编辑时回显问题,下面小编通过实例代码介绍element select下拉框编辑时回显已经删除的数据,感兴趣的朋友跟随小编一起看看吧2024-05-05
最新评论