javascript基本数据类型及类型检测常用方法小结


Posted in Javascript onDecember 14, 2016

本文实例讲述了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程序设计有所帮助。

Javascript 相关文章推荐
JS模拟多线程
Feb 07 Javascript
jQuery中绑定事件的命名空间详解
Apr 05 Javascript
7个有用的jQuery代码片段分享
May 19 Javascript
jquery实现像栅栏一样左右滑出式二级菜单效果代码
Aug 24 Javascript
js 动态给元素添加、移除事件的实现方法
Jul 19 Javascript
jQuery.uploadify文件上传组件实例讲解
Sep 23 Javascript
ng-options和ng-checked在表单中的高级运用(推荐)
Jan 21 Javascript
基于Angular.js实现的触摸滑动动画实例代码
Feb 19 Javascript
微信小程序异步API为Promise简化异步编程的操作方法
Aug 14 Javascript
jQuery md5加密插件jQuery.md5.js用法示例
Aug 24 jQuery
在vue中使用setInterval的方法示例
Apr 16 Javascript
简单学习5种处理Vue.js异常的方法
Jun 17 Javascript
用v-html解决Vue.js渲染中html标签不被解析的问题
Dec 14 #Javascript
关于BootStrap modal 在IOS9中不能弹出的解决方法(IOS 9 bootstrap modal ios 9 noticework)
Dec 14 #Javascript
实例解析angularjs的filter过滤器
Dec 14 #Javascript
微信小程序 input输入框控件详解及实例(多种示例)
Dec 14 #Javascript
javascript中对象的定义、使用以及对象和原型链操作小结
Dec 14 #Javascript
JS中使用new Date(str)创建时间对象不兼容firefox和ie的解决方法(两种)
Dec 14 #Javascript
javascript中的try catch异常捕获机制用法分析
Dec 14 #Javascript
You might like
PHP4之真OO
2006/10/09 PHP
php获得文件扩展名三法
2006/11/25 PHP
phpMyAdmin 安装教程全攻略
2007/03/19 PHP
php开发微信支付获取用户地址
2015/10/04 PHP
PHP实现伪静态方法汇总
2016/01/13 PHP
php 访问oracle 存储过程实例详解
2017/01/08 PHP
js判断选择的时间是否大于今天的代码
2013/08/20 Javascript
jQuery使用after()方法在元素后面添加多项内容的方法
2015/03/26 Javascript
基于JavaScript实现TAB标签效果
2016/01/12 Javascript
AngualrJS中的Directive制作一个菜单
2016/01/26 Javascript
JavaScript原生对象常用方法总结(推荐)
2016/05/13 Javascript
使用three.js 画渐变的直线
2016/06/05 Javascript
JQuery实现DIV其他动画效果的简单实例
2016/09/18 Javascript
jQuery插件zTree实现单独选中根节点中第一个节点示例
2017/03/08 Javascript
jquery中关于bind()方法的使用技巧分享
2017/03/30 jQuery
jQuery 循环遍历改变a标签的href(实例讲解)
2017/07/12 jQuery
js判断输入框不能为空格或null值的实现方法
2018/03/02 Javascript
JavaScript实现4位随机验证码的生成
2021/01/28 Javascript
[01:01:25]DOTA2上海特级锦标赛B组资格赛#2 Fnatic VS Spirit第三局
2016/02/27 DOTA
python实现mysql的读写分离及负载均衡
2018/02/04 Python
python批量查询、汉字去重处理CSV文件
2018/05/31 Python
dataframe 按条件替换某一列中的值方法
2019/01/29 Python
解决Python二维数组赋值问题
2019/11/28 Python
使用pycharm和pylint检查python代码规范操作
2020/06/09 Python
python批量检查两个对应的txt文件的行数是否一致的实例代码
2020/10/31 Python
Python爬虫之Selenium多窗口切换的实现
2020/12/04 Python
python读写数据读写csv文件(pandas用法)
2020/12/14 Python
灵活运用CSS3特性绘制简易版围棋效果
2016/09/28 HTML / CSS
在线服装零售商:SheIn
2016/07/22 全球购物
应届大学生的推荐信
2013/11/20 职场文书
《大海那边》教学反思
2014/04/09 职场文书
环卫工作汇报材料
2014/10/28 职场文书
2016春季运动会前导词
2015/11/25 职场文书
2016年秋季趣味运动会开幕词
2016/03/04 职场文书
Nginx服务器添加Systemd自定义服务过程解析
2021/03/31 Servers
Python 类,对象,数据分类,函数参数传递详解
2021/09/25 Python