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+ajax实现修改密码验证功能实例详解
Jul 06 jQuery
jQuery选择器之属性过滤选择器详解
Sep 28 jQuery
jQuery实现切换隐藏与显示同时切换图标功能
Oct 29 jQuery
基于jquery的on和click的区别详解
Jan 15 jQuery
vue.js2.0点击获取自己的属性和jquery方法
Feb 23 jQuery
jquery获取select选中值的文本,并赋值给另一个输入框的方法
Aug 21 jQuery
jQuery实现的淡入淡出图片轮播效果示例
Aug 29 jQuery
jQuery实现网页拼图游戏
Apr 22 jQuery
JS/jQuery实现简单的开关灯效果【案例】
Feb 19 jQuery
jQuery--遍历操作实例小结【后代、同胞及过滤】
May 22 jQuery
jquery实现图片放大镜效果
Dec 23 jQuery
jquery实现广告上下滚动效果
Mar 04 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
Smarty结合Ajax实现无刷新留言本实例
2007/01/02 PHP
[原创]效率较高的php下读取文本文件的代码
2008/07/02 PHP
PHP下打开phpMyAdmin出现403错误的问题解决方法
2013/05/23 PHP
Thinkphp搭建包括JS多语言的多语言项目实现方法
2014/11/24 PHP
PHP查找数值数组中不重复最大和最小的10个数的方法
2015/04/20 PHP
PHP简单实现生成txt文件到指定目录的方法
2016/04/25 PHP
Laravel5.* 打印出执行的sql语句的方法
2017/07/24 PHP
ThinkPHP5 验证器的具体使用
2018/05/31 PHP
JavaScript NaN和Infinity特殊值 [译]
2012/09/20 Javascript
JSON序列化与解析原生JS方法且IE6和chrome测试通过
2013/09/05 Javascript
js Array操作的最简短最容易理解方法
2013/12/09 Javascript
jQuery结合HTML5制作的爱心树表白动画
2015/02/01 Javascript
JavaScript对象参数的引用传递
2016/01/14 Javascript
AngularJS用户选择器指令实例分析
2016/11/04 Javascript
jQuery插件HighCharts绘制2D半圆环图效果示例【附demo源码下载】
2017/03/09 Javascript
Vue.js实现在下拉列表区域外点击即可关闭下拉列表的功能(自定义下拉列表)
2017/05/30 Javascript
React 组件渲染和更新的实现代码示例
2019/02/21 Javascript
vue+echarts实现动态折线图的方法与注意
2020/09/01 Javascript
vue-axios同时请求多个接口 等所有接口全部加载完成再处理操作
2020/11/09 Javascript
[01:51]2018年度CS GO最具人气外援-完美盛典
2018/12/16 DOTA
wxPython中文教程入门实例
2014/06/09 Python
python解决汉字编码问题:Unicode Decode Error
2017/01/19 Python
Python中str.format()详解
2017/03/12 Python
pandas apply 函数 实现多进程的示例讲解
2018/04/20 Python
python实现顺序表的简单代码
2018/09/28 Python
python3.5 cv2 获取视频特定帧生成jpg图片
2019/08/28 Python
浅谈Python中的生成器和迭代器
2020/06/19 Python
带你认识HTML5中的WebSocket
2015/05/22 HTML / CSS
军训生自我鉴定范文
2013/12/27 职场文书
个人评价范文分享
2014/01/11 职场文书
迎新晚会邀请函
2014/02/01 职场文书
前台文员职责范本
2014/03/07 职场文书
三月学雷锋月活动总结
2014/04/28 职场文书
企业安全生产目标责任书
2014/07/23 职场文书
在教室放鞭炮的检讨书
2014/09/28 职场文书
2015年世界粮食日演讲稿
2015/03/20 职场文书