您的位置 首页 javascript教程

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

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

在JavaScript中有多种方法可以帮助我们去判断数据类型,接下来将在文章中为大家详细介绍这些方法,具有一定的参考作用希望对大家有所帮助。

【推荐课程: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

未标题-2.jpg

方法四: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) );

效果图:

Image 015.png

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

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

文章来源:火云技术网

文章标题:JS判断数据类型的方法有哪些

文章地址:https://www.pyhw.net/34752_js%e5%88%a4%e6%96%ad%e6%95%b0%e6%8d%ae%e7%b1%bb%e5%9e%8b%e7%9a%84%e6%96%b9%e6%b3%95%e6%9c%89%e5%93%aa%e4%ba%9b.html

关于作者: admin

热门文章

发表评论

您的电子邮箱地址不会被公开。

网站地图