javascript基本数据类型及类型检测常用方法小结
本文实例讲述了javascript中的基本数据类型以及类型检测的几种方法。分享给大家供大家参考,具体如下:
1.JS中有6种基本的数据类型,JS中的所有操作都是基于这五种基本类型得到的。
(1)Object
对象类型
(2)number
数字类型
(3)String
字符串类型
(4)null
(5)underfined
(6)boolean
布尔类型:true或者为false
I)JS中的数据类型转换(非严格模式下)
“12”==12 // true 在非严格模式下,字符串可以向数字转换 true==1 // true 布尔值在等号两边会尝试转换为0或者1 “1”==true //true null==underfined //true new Object()==new Object() //true NaN==NaN //false
II)JS中的数据类型转换(非严格模式下)
上述中的等号均不成立
注:特别的如果为基本类型中的string或者number,在必要的情况下,可以将string或者number转化为对象object类型,转化不是持续的。
比如:
var x=”hello” ; alert(a.length) // 5
数据类型中的隐式转化补充:
“32”+32 //转化为string "32"-32 //转化为number
JS中的类型检测方法
(1)通过typeof来进行类型检测
我们先来看几个例子:
typeof 100 —->number
typeof “hello” ——>string
typeof true —–> boolean
typeof Number ——>function
typeof new Object()——->object
typeof Object ——->function
typeof null ——–>object
typeof underfined ——–>underfined
总结:如果右边的是基本类型,则typeof会尝试得到最基本的类型,比如number,string等等,如果是函数名,那么则返回function,这里Object,Number,String,等等都可以看成函数名,如果右边是一个基本的对象,则返回object(返回的都是小写哦)。
注:我们发现typeof null,结果返回了object,这是一个很早之前的BUG,一直沿用至今
试用范围:如果通过typeof来判断类型,适用于判定基本类型,或者判断是否为函数(function)。
2.instanceof
同样举例来说明:
[1,2] instanceof Array ——> true
“1,2” instanceof Array ——->false
总结:instanceof 会沿着原型链查找,如果左边对象的原型链上,具有右边的对象,那么会返回true,并且注意只用于判断扩展的对象类型(非number,string等)
比如:
instanceof Number —–> false
"hell" instanceof String ------>string
补充:instanceof的右边必须是函数,或者是构造器,如果不是则会报错,检测的是左边的对象的原型链上,是否有右边函数的prototype。
3.Object.prototype.toString
通过对象原型上的toSting方法,同样也可以判断类型,我们来举例子:
Object.prototype.toString.apply([]) ——>[object Object]
Object.prototype.toString.apply(function(){}) —->[object Function]
Object.prototype.toString.apply(Number) ——->[object Function]
Object.prototype.toString.apply(String) ——–>[object Function]
Object.prototype.toString.apply(null) ———–>[object Null]
Object.prototype.toString.apply(undefined)–>[object Undefined]
使用类型:原生对象和基本类型
此外还有
(4)constructor
(5)duck type等
更多关于JavaScript相关内容可查看本站专题:《javascript面向对象入门教程》、《JavaScript中json操作技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
下一篇:用v-html解决Vue.js渲染中html标签不被解析的问题