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 相关文章推荐
三种检测iPhone/iPad设备方向的方法
Apr 23 Javascript
JavaScript匿名函数与委托使用示例
Jul 22 Javascript
jquery实现类似淘宝星星评分功能实例
Sep 12 Javascript
浅谈js数据类型判断与数组判断
Aug 29 Javascript
如何编写jquery插件
Mar 29 jQuery
webpack配置的最佳实践分享
Apr 21 Javascript
ES6下React组件的写法示例代码
May 04 Javascript
vue-cli+webpack项目 修改项目名称的方法
Feb 28 Javascript
express+vue+mongodb+session 实现注册登录功能
Dec 06 Javascript
图文详解vue框架安装步骤
Feb 12 Javascript
JS addEventListener()和attachEvent()方法实现注册事件
Jan 11 Javascript
vue 页面跳转的实现方式
Jan 12 Vue.js
用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
比较strtr, str_replace和preg_replace三个函数的效率
2013/06/26 PHP
php简单构造json多维数组的方法示例
2017/06/08 PHP
php魔法函数与魔法常量使用介绍
2017/07/23 PHP
PHP convert_uudecode()函数讲解
2019/02/14 PHP
Laravel使用Queue队列的技巧汇总
2019/09/02 PHP
PHP加MySQL消息队列深入理解
2021/02/27 PHP
第一个JavaScript入门基础 document.write输出
2010/02/22 Javascript
一个非常全面的javascript URL解析函数和分段URL解析方法
2014/04/12 Javascript
JavaScript中定义函数的三种方法
2015/03/12 Javascript
JavaScript让网页出现渐隐渐显背景颜色的方法
2015/04/21 Javascript
js中遍历对象的属性和值的方法
2016/07/27 Javascript
老生常谈JQuery data方法的使用
2016/09/09 Javascript
微信小程序首页的分类功能和搜索功能的实现思路及代码详解
2018/09/11 Javascript
PHP实现基于Redis的MessageQueue队列封装操作示例
2019/02/02 Javascript
react native 仿微信聊天室实例代码
2019/09/17 Javascript
[02:08]DOTA2英雄基础教程 马格纳斯
2014/01/17 DOTA
Python赋值语句后逗号的作用分析
2015/06/08 Python
Linux系统上Nginx+Python的web.py与Django框架环境
2015/12/25 Python
Pycharm学习教程(3) 代码运行调试
2017/05/03 Python
Python找出最小的K个数实例代码
2018/01/04 Python
《与孩子一起学编程》python自测题
2018/05/27 Python
详解pandas.DataFrame.plot() 画图函数
2020/06/14 Python
使用Python快速打开一个百万行级别的超大Excel文件的方法
2021/03/02 Python
阿玛尼美妆加拿大官方商城:Giorgio Armani Beauty加拿大
2017/10/24 全球购物
Farah官方网站:男士服装及配件
2019/11/01 全球购物
英国在线购买轮胎、预订汽车、汽车维修和装配网站:Protyre
2020/04/12 全球购物
大学校园活动策划书
2014/02/04 职场文书
土建专业大学生自荐信范文
2014/04/09 职场文书
文明班级建设方案
2014/05/15 职场文书
2014年社区居委会主任重阳节讲话稿
2014/09/25 职场文书
工作岗位职责范本
2015/02/15 职场文书
质量承诺书格式范文
2015/04/28 职场文书
关于空气污染危害的感想
2015/08/11 职场文书
2016三严三实专题教育活动心得体会
2016/01/06 职场文书
Python自动化爬取天眼查数据的实现
2021/06/15 Python
如何让你的Nginx支持分布式追踪详解
2022/07/07 Servers