js 判断各种数据类型的简单方法(推荐)


Posted in Javascript onAugust 29, 2016

了解js的都知道, 有个typeof  用来判断各种数据类型,有两种写法:typeof   xxx   ,typeof(xxx)

 如下实例:

typeof   2      输出   number

typeof   null   输出   object

typeof   {}    输出   object

typeof    []    输出   object

typeof   (function(){})   输出  function

typeof    undefined  输出  undefined

typeof   '222'   输出    string

typeof  true     输出     boolean

这里面包含了js里面的五种数据类型  number   string    boolean   undefinedobject和函数类型 function

看到这里你肯定会问了:我怎么去区分对象,数组和null呢?

接下来我们就用到另外一个利器:Object.prototype.toString.call

这是对象的一个原生原型扩展函数,用来更精确的区分数据类型。

我们来试试这个玩儿意儿:

var   gettype=Object.prototype.toString

gettype.call('aaaa')输出      [object String]

gettype.call(2222) 输出      [object Number]

gettype.call(true)  输出      [object Boolean]

gettype.call(undefined)  输出      [object Undefined]

gettype.call(null)  输出   [object Null]

gettype.call({})   输出   [object Object]

gettype.call([])    输出   [object Array]

gettype.call(function(){})     输出   [object Function]

看到这里,刚才的问题我们解决了。

其实js 里面还有好多类型判断 

[object HTMLDivElement]   div 对象 ,   
[object HTMLBodyElement]  body 对象,
[object Document](IE)或者 
[object HTMLDocument](firefox,google) ......

各种dom节点的判断,这些东西在我们写插件的时候都会用到。

可以封装的方法如下:

var  gettype=Object.prototype.toString

var  utility={

isObj:function(o){

    return  gettype.call(o)=="[object Object]";

 },

     isArray:function(o){

        return  gettype.call(o)=="[object Array]";

     },

     isNULL:function(o){

        return  gettype.call(o)=="[object Null]";

     },

     isDocument:function(){

        return  gettype.call(o)=="[object Document]"|| [object HTMLDocument];

     }

     ........

}

以上这篇js 判断各种数据类型的简单方法(推荐)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript实现禁止后退的方法
Dec 27 Javascript
8个超棒的学习 jQuery 的网站 推荐收藏
Apr 02 Javascript
javascript模版引擎-tmpl的bug修复与性能优化分析
Oct 23 Javascript
js设置组合快捷键/tabindex功能的方法
Nov 21 Javascript
jquery获得option的值和对option进行操作
Dec 13 Javascript
jQuery实现购物车计算价格功能的方法
Mar 25 Javascript
jQuery实现鼠标经过购物车出现下拉框代码(推荐)
Jul 21 Javascript
移动端Ionic App 资讯上下循环滚动的实现代码(跑马灯效果)
Aug 29 Javascript
常用的 JS 排序算法 整理版
Apr 05 Javascript
详解Vue中watch的详细用法
Nov 28 Javascript
layui动态渲染生成select的option值方法
Sep 23 Javascript
JS实现audio音频剪裁剪切复制播放与上传(步骤详解)
Jul 28 Javascript
Web打印解决方案之证件套打的实现思路
Aug 29 #Javascript
浅谈js数据类型判断与数组判断
Aug 29 #Javascript
判断js的Array和Object的实现方法
Aug 29 #Javascript
基于MVC+EasyUI的web开发框架之使用云打印控件C-Lodop打印页面或套打报关运单信息
Aug 29 #Javascript
jquery根据一个值来选中select下的option实例代码
Aug 29 #Javascript
JQuery动态添加Select的Option元素实现方法
Aug 29 #Javascript
javascript如何创建对象
Aug 29 #Javascript
You might like
php 执行系统命令的方法
2009/07/07 PHP
Yii框架form表单用法实例
2014/12/04 PHP
CI框架中cookie的操作方法分析
2014/12/12 PHP
PHP7 新增常量
2021/03/09 PHP
Javascript 各浏览器的 Javascript 效率对比
2008/01/23 Javascript
javascript 嵌套的函数(作用域链)
2010/03/15 Javascript
jQuery学习笔记之DOM对象和jQuery对象
2010/12/22 Javascript
jQuery前端框架easyui使用Dialog时bug处理
2014/12/05 Javascript
代码分析jQuery四种静态方法使用
2015/07/23 Javascript
javascript字符串函数汇总
2015/12/06 Javascript
深入分析jQuery的ready函数是如何工作的(工作原理)
2015/12/17 Javascript
JS实现响应鼠标点击动画渐变弹出层效果代码
2016/03/25 Javascript
关于angularJs清除浏览器缓存的方法
2017/11/28 Javascript
jQuery EasyUI window窗口使用实例代码
2017/12/25 jQuery
详解Vue-cli中的静态资源管理(src/assets和static/的区别)
2018/06/19 Javascript
AngularJs1.x自定义指令独立作用域的函数传入参数方法
2018/10/09 Javascript
初学node.js中实现删除用户路由
2019/05/27 Javascript
JS实现数组删除指定元素功能示例
2019/06/05 Javascript
详解微信小程序图片地扯转base64解决方案
2019/08/18 Javascript
Python常用正则表达式符号浅析
2014/08/13 Python
Python实现简单的文件传输与MySQL备份的脚本分享
2016/01/03 Python
python3+selenium实现126邮箱登陆并发送邮件功能
2019/01/23 Python
python系列 文件操作的代码
2019/10/06 Python
python3 requests库实现多图片爬取教程
2019/12/18 Python
Python如何在循环内使用list.remove()
2020/06/01 Python
IE兼容css3圆角的实现代码
2011/07/21 HTML / CSS
8款精美的CSS3表单设计(登录表单/下拉选择/按钮附演示及源码)
2013/02/04 HTML / CSS
html5文字阴影效果text-shadow使用示例
2013/07/25 HTML / CSS
Html5跳转到APP指定页面的实现
2020/01/14 HTML / CSS
北京某科技有限公司C# .net笔试题
2014/09/27 面试题
我的梦想演讲稿500字
2014/08/21 职场文书
村长反四风问题个人对照检查材料
2014/09/21 职场文书
2015年个人思想总结
2015/03/09 职场文书
MySQL 开窗函数
2022/02/15 MySQL
悬疑名作《朋友游戏》动画无字ED宣传片 新角色公开
2022/04/13 日漫
css如何把元素固定在容器底部的四种方式
2022/06/16 HTML / CSS