js和jquery判断数据类型的4种方法总结


Posted in jQuery onAugust 28, 2020

1.typeof

typeof是一个运算符,有2种使用方式:typeof(表达式)和typeof 变量名,第一种是对表达式做运算,第二种是对变量做运算。

此方法的返回结果只要以下几种:

Number、String、undefined、Bollean、Object、Function

弊端在于如果数据类型为引用数据类型,他只能返回 Object

console.log(typeof 1); //number
console.log(typeof true); //bollean
console.log(typeof '欢喜'); //string
console.log(typeof {}); //object
console.log(typeof []); //object

2.toString.call()

console.log(toString.call(666)); //[object Number]
console.log(toString.call(true)); //[object Boolean]
console.log(toString.call('欢喜')); //[object String]
console.log(toString.call(undefined)); //[object Undefined]
console.log(toString.call({})); //[object Object]
console.log(toString.call([])); //[object Array]
console.log(toString.call(function(){})); //[object Function]

3.instanceof

在 JavaScript 中,判断一个变量的类型尝尝会用 typeof 运算符,在使用 typeof 运算符时采用引用类型存储值会出现一个问题,无论引用的是什么类型的对象,它都返回 “object”。ECMAScript 引入了另一个 Java 运算符 instanceof 来解决这个问题。instanceof 运算符与 typeof 运算符相似,用于识别正在处理的对象的类型。与 typeof 方法不同的是,instanceof 方法要求开发者明确地确认对象为某特定类型。

A instanceof B 可以判断A是不是B的实例,返回一个布尔值,由构造类型判断出数据类型

console.log(arr instanceof Array ); // true
console.log(date instanceof Date ); // true
console.log(fn instanceof Function ); // true

4.根据对象的 contructor 判断

console.log(arr.constructor === Array); //true
console.log(date.constructor === Date); //true
console.log(fn.constructor === Function); //true

JQuery 中判断数据类型的方法

返回一个布尔值

jQuery对象.isArray(); //判断是否为数组
jQuery对象.isEmptyObject(); //判断是否为空对象
jQuery对象.isFunction(): //判断是否为函数
jQuery对象.isNumberic(): //判断是否为数字
jQuery对象.isWindow(): //判断是否为window对象
jQuery对象.isXMLDoc(): //判断判断一个DOM节点是否处于XML文档中

总结

到此这篇关于js和jquery判断数据类型的4种方法的文章就介绍到这了,更多相关js和jquery判断数据类型内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

jQuery 相关文章推荐
Jquery获取radio选中的值
May 05 jQuery
jquery与js实现全选功能的区别
Jun 11 jQuery
jQueryeasyui 中如何使用datetimebox 取两个日期间相隔的天数
Jun 13 jQuery
jquery插件开发之选项卡制作详解
Aug 30 jQuery
jquery实现侧边栏左右伸缩效果的示例
Dec 19 jQuery
jQuery实现的上传图片本地预览效果简单示例
Mar 29 jQuery
jQuery实现判断上传图片类型和大小的方法示例
Apr 11 jQuery
jQuery实现当拉动滚动条到底部加载数据的方法分析
Jan 24 jQuery
jQuery删除/清空指定元素的所有子节点实例代码
Jul 04 jQuery
jquery获取并修改触发事件的DOM元素示例【基于target 属性】
Oct 10 jQuery
jQuery实现的上拉刷新功能组件示例
May 01 jQuery
Jquery使用each函数实现遍历及数组处理
Jul 14 jQuery
jQuery编写QQ简易聊天框
Aug 27 #jQuery
jQuery实现简单QQ聊天框
Aug 27 #jQuery
基于jquery实现彩色投票进度条代码解析
Aug 26 #jQuery
Jquery 获取相同NAME 或者id删除行操作
Aug 24 #jQuery
jQuery实现评论模块
Aug 19 #jQuery
jQuery实现简单评论功能
Aug 19 #jQuery
jquery+ajax实现异步上传文件显示进度条
Aug 17 #jQuery
You might like
2020年4月新番动漫目录 官方宣布4月播出的作品一览
2020/03/08 日漫
PHP STRING 陷阱原理说明
2010/07/24 PHP
php array_pop()数组函数将数组最后一个单元弹出(出栈)
2011/07/12 PHP
匹配csdn用户数据库与官方用户的重合度并将重叠部分的用户筛选出来
2011/12/25 PHP
golang 调用 php7详解及实例
2017/01/04 PHP
php图像验证码生成代码
2017/06/08 PHP
科讯商业版中用到的ajax空间与分页函数
2007/09/02 Javascript
加速IE的Javascript document输出的方法
2010/12/02 Javascript
Extjs4实现两个GridPanel之间数据拖拽功能具体方法
2013/11/21 Javascript
如何调试异步加载页面里包含的js文件
2014/10/30 Javascript
Javascript 中创建自定义对象的方法汇总
2014/12/04 Javascript
javascript数组克隆简单实现方法
2015/12/16 Javascript
FullCalendar日历插件应用之数据展现(一)
2015/12/23 Javascript
javascript特效实现——当前时间和倒计时效果的简单实例
2016/07/20 Javascript
使用jQuery操作DOM的方法小结
2017/02/27 Javascript
微信小程序自定义导航隐藏和显示功能
2017/06/13 Javascript
jQuery 利用ztree实现树形表格的实例代码
2017/09/27 jQuery
分享vue.js devtools遇到一系列问题
2017/10/24 Javascript
菊花转动的jquery加载动画效果
2018/08/19 jQuery
vue.js 图片上传并预览及图片更换功能的实现代码
2018/08/27 Javascript
Vue cli构建及项目打包以及出现的问题解决
2018/08/27 Javascript
浅谈js闭包理解
2019/03/28 Javascript
vue自动路由-单页面项目(非build时构建)
2019/04/30 Javascript
JS+CSS实现炫酷光感效果
2020/09/05 Javascript
element-ui封装一个Table模板组件的示例
2021/01/04 Javascript
win10环境下python3.5安装步骤图文教程
2017/02/03 Python
python爬取网页内容转换为PDF文件
2020/07/28 Python
Python3.4学习笔记之类型判断,异常处理,终止程序操作小结
2019/03/01 Python
python selenium自动化测试框架搭建的方法步骤
2020/06/14 Python
python 实现PIL模块在图片画线写字
2020/05/16 Python
python virtualenv虚拟环境配置与使用教程详解
2020/07/13 Python
世界上最受欢迎的花店:1-800-Flowers.com
2020/06/01 全球购物
人力资源管理专业应届生求职信
2014/04/24 职场文书
党员志愿者活动方案
2014/08/28 职场文书
2014年教师节活动总结
2014/08/29 职场文书
新闻稿怎么写
2015/07/18 职场文书