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插件FusionWidgets实现的Bulb图效果示例【附demo源码下载】
Mar 23 jQuery
jQuery鼠标悬停内容动画切换效果
Apr 27 jQuery
各种选择框jQuery的选中方法(实例讲解)
Jun 27 jQuery
jQuery EasyUI结合zTree树形结构制作web页面
Sep 01 jQuery
jQuery UI Draggable + Sortable 结合使用(实例讲解)
Sep 07 jQuery
jQuery 开发之EasyUI 添加数据的实例
Sep 26 jQuery
jQuery实现手机号正则验证输入及自动填充空格功能
Jan 02 jQuery
jQuery实现鼠标响应式淘宝动画效果示例
Feb 13 jQuery
jQuery层叠选择器用法实例分析
Jun 28 jQuery
jQuery zTree插件使用简单教程
Aug 16 jQuery
JavaScript自动生成 年月范围 选择功能完整示例【基于jQuery插件】
Sep 03 jQuery
jQuery zTree如何改变指定节点文本样式
Oct 16 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
PHP中创建并处理图象
2006/10/09 PHP
php从数据库中读取特定的行(实例)
2017/06/02 PHP
PHP laravel中的多对多关系实例详解
2017/06/07 PHP
Javascript将string类型转换int类型
2010/12/09 Javascript
jQuery对于显示和隐藏等常用状态的判断方法
2014/12/13 Javascript
基于jquery的手风琴图片展示效果实现方法
2014/12/16 Javascript
JavaScript中用字面量创建对象介绍
2014/12/31 Javascript
js事件监听器用法实例详解
2015/06/01 Javascript
AngularJS 执行流程详细介绍
2016/08/18 Javascript
使用node.js中的Buffer类处理二进制数据的方法
2016/11/26 Javascript
jQuery层级选择器_动力节点节点Java学院整理
2017/07/04 jQuery
原生JS实现的双色球功能示例
2018/02/02 Javascript
js实现web调用摄像头 js截取视频画面
2019/04/21 Javascript
Vue 子组件与数据传递问题及注意事项
2019/07/11 Javascript
layui字体图标 loading图标静止不旋转的解决方法
2019/09/23 Javascript
vue实现两个组件之间数据共享和修改操作
2020/11/12 Javascript
原生js+canvas实现验证码
2020/11/29 Javascript
JavaScript实现页面高亮操作提示和蒙板
2021/01/04 Javascript
[43:33]EG vs Spirit Supermajor 败者组 BO3 第一场 6.4
2018/06/05 DOTA
[02:02]特效爆炸!DOTA2珍宝之瓶待你开启
2018/08/21 DOTA
Python bsddb模块操作Berkeley DB数据库介绍
2015/04/08 Python
浅谈Python反射 & 单例模式
2019/03/21 Python
OpenCV 边缘检测
2019/07/10 Python
pytorch中tensor.expand()和tensor.expand_as()函数详解
2019/12/27 Python
Python爬虫防封ip的一些技巧
2020/08/06 Python
4款Python 类型检查工具,你选择哪个呢?
2020/10/30 Python
COSETTE官网:奢华,每天
2020/03/22 全球购物
施工资料员的岗位职责
2013/12/22 职场文书
《草原的早晨》教学反思
2014/04/08 职场文书
小露珠教学反思
2014/04/30 职场文书
大学生党员学习焦裕禄精神思想汇报
2014/09/10 职场文书
村党建工作汇报材料
2014/11/02 职场文书
党的群众路线专项整治方案
2014/11/03 职场文书
八达岭长城导游词
2015/01/30 职场文书
浅谈:电影《孔子》观后感(范文)
2019/10/14 职场文书
Python中相见恨晚的技巧
2021/04/13 Python