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 EasyUI 组件加上清除功能的方法(详解)
Apr 13 jQuery
jquery图片放大镜效果
Jun 23 jQuery
jQuery remove()过滤被删除的元素(推荐)
Jul 18 jQuery
jQuery实现浏览器之间跳转并传递参数功能【支持中文字符】
Mar 28 jQuery
jquery.param()实现数组或对象的序列化方法
Oct 08 jQuery
jquery实现联想词搜索框和搜索结果分页的示例
Oct 10 jQuery
jQuery点击页面其他部分隐藏下拉菜单功能
Nov 27 jQuery
jQuery使用bind动态绑定事件无效的处理方法
Dec 11 jQuery
JQuery样式操作、click事件以及索引值-选项卡应用示例
May 14 jQuery
jQuery内容选择器与表单选择器实例分析
Jun 28 jQuery
jquery实现手风琴案例
May 04 jQuery
jQuery开发仿QQ版音乐播放器
Jul 10 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
如何限制访问者的ip(PHPBB的代码)
2006/10/09 PHP
改变Apache端口等配置修改方法
2008/06/05 PHP
支持中文的php加密解密类代码
2011/11/27 PHP
PHP中将网页导出为Word文档的代码
2012/05/25 PHP
php实现查询百度google收录情况(示例代码)
2013/08/02 PHP
ThinkPHP字符串函数及常用函数汇总
2014/07/18 PHP
PHP验证信用卡卡号是否正确函数
2015/05/27 PHP
Yii rules常用规则示例
2016/03/15 PHP
javascript 简单抽屉效果的实现代码
2010/03/09 Javascript
javascript圆盘抽奖程序实现原理和完整代码例子
2014/06/03 Javascript
js实现div弹出层的方法
2014/11/20 Javascript
JS实现滑动菜单效果代码(包括Tab,选项卡,横向等效果)
2015/09/24 Javascript
超漂亮的jQuery图片轮播特效
2015/11/24 Javascript
JavaScript函数柯里化详解
2016/04/29 Javascript
浅析创建javascript对象的方法
2016/05/13 Javascript
js简单时间比较的方法
2016/08/02 Javascript
webpack+vue.js实现组件化详解
2016/10/12 Javascript
关于vue中watch检测到不到对象属性的变化的解决方法
2018/02/08 Javascript
Three.js实现简单3D房间布局
2018/12/30 Javascript
vue使用混入定义全局变量、函数、筛选器的实例代码
2019/07/29 Javascript
nodejs对项目下所有空文件夹创建gitkeep的方法
2019/08/02 NodeJs
在vue中实现echarts随窗体变化
2020/07/27 Javascript
[01:15:18]2014 DOTA2国际邀请赛中国区预选赛 LGD VS Speed Gaming.cn
2014/05/22 DOTA
python统计一个文本中重复行数的方法
2014/11/19 Python
深入解析Python设计模式编程中建造者模式的使用
2016/03/02 Python
Python 3.x 连接数据库示例(pymysql 方式)
2017/01/19 Python
python输入整条数据分割存入数组的方法
2018/11/13 Python
Python模拟伯努利试验和二项分布代码实例
2020/05/27 Python
鱼油专家:Omegavia
2016/10/10 全球购物
科室工作的个人自我评价
2013/10/30 职场文书
试用期转正鉴定评语
2014/01/27 职场文书
会计与审计专业自荐信范文
2014/03/15 职场文书
关于感恩的演讲稿400字
2014/08/26 职场文书
财务总监岗位职责
2015/02/03 职场文书
国王的演讲观后感
2015/06/03 职场文书
Python Numpy库的超详细教程
2022/04/06 Python