JS判断数据类型的方法有哪些

互联网 19-4-18
JS判断数据类型的方法有:typeof方法用于返回该类型的字符串形式,instanceof方法用来判断原型,constructor方法以及Object.prototype.toString 方法

【推荐课程:JavaScript教程】

方法一:typeof方法

typeof 是一个操作符,右侧是一个一元表达式,并返回这个表达式的数据类型。返回的结果用该类型的字符串的形式表示,包括:number、boolean、symbol、string、object、undefined、function 等。

返回值分以下几种类型:

对于基本类型。除了null值返回object以外,其他均返回正确的结果

对于引用值来说,除了function返回function类型,其他都返回object类型

例:

<script type="text/javascript"> var a = "string";  console.log(a); //string  var a = 1;  console.log(typeof a); //number  var a = false;  console.log(typeof a); //boolean  var a;  console.log(typeof a); //undfined  var a = null;  console.log(typeof a); //object  var a = document;  console.log(typeof a); //object  var a = [];  console.log(a); //[]  var a = function() {};  console.log(typeof a) //function  </script>

效果图:

方法二:instanceof方法

instanceof 是用来判断 A 是否为 B 的实例,表达式为:A instanceof B,如果 A 是 B 的实例,则返回 true,否则返回 false。 在这里需要特别注意的是:instanceof 检测的是原型。

<script type="text/javascript"> var a=[]; console.log(a instanceof Array) </script>

返回的结果:true

方法三:constructor方法

当一个函数被定义时,JS引擎会为它添加 prototype 原型,然后再在 prototype上添加一个 constructor 属性,并让其指向该函数的引用。

当执行 var f = new F() 时,F被当成了构造函数,f 是F的实例对象,此时 F 原型上的 constructor 传递到了 f 上,因此 f.constructor == F

方法四:Object.prototype.toString 方法

toString是Object原型对象上的一个方法,该方法默认返回其调用者的具体类型,更严格的讲,是 toString运行时this指向的对象类型, 返回的类型格式为[object,xxx],xxx是具体的数据类型,其中包括:String,Number,Boolean,Undefined,Null,Function,Date,Array,RegExp,Error,HTMLDocument等等都可以通过这个方法获取到。

console.log(Object.prototype.toString.call(num)); console.log(Object.prototype.toString.call('')) ;   console.log(Object.prototype.toString.call(1)) ;    console.log(Object.prototype.toString.call(true)) ;  console.log(Object.prototype.toString.call(null)) ;  console.log(Object.prototype.toString.call(new Function()) );  console.log(Object.prototype.toString.call(new Date())) ;  console.log(Object.prototype.toString.call([])) ;  console.log(Object.prototype.toString.call(document)) ;  console.log(Object.prototype.toString.call(window) );

效果图:

总结:以上就是本篇文章的全部内容了,希望对大家有所帮助

以上就是JS判断数据类型的方法有哪些的详细内容,更多内容请关注技术你好其它相关文章!

来源链接:
免责声明:
1.资讯内容不构成投资建议,投资者应独立决策并自行承担风险
2.本文版权归属原作所有,仅代表作者本人观点,不代表本站的观点或立场
上一篇:php获取远程图片并下载保存到本地的方法分析 下一篇:Vuejs中methods和data属性的使用

相关资讯