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 相关文章推荐
vue单页应用中如何使用jquery的方法示例
Jul 27 jQuery
基于jQuery对象和DOM对象和字符串之间的转化实例
Aug 08 jQuery
简单实现jquery隔行变色
Nov 09 jQuery
jQuery 改变P标签文本值方法
Feb 24 jQuery
jQuery插件jsonview展示json数据
May 26 jQuery
jquery实现的简单轮播图功能【适合新手】
Aug 17 jQuery
javascript异步处理与Jquery deferred对象用法总结
Jun 04 jQuery
jQuery中DOM常见操作实例小结
Aug 01 jQuery
jquery 时间戳转日期过程详解
Oct 12 jQuery
jquery 遍历hash操作示例【基于ajax交互】
Oct 12 jQuery
jquery实现商品sku多属性选择功能(商品详情页)
Dec 20 jQuery
jQuery HTML获取内容和属性操作实例分析
May 20 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模板局部缓存方法使用示例
2014/06/17 PHP
PHP开发APP端微信支付功能
2017/02/17 PHP
PHP 中常量的知识整理
2017/04/14 PHP
PHP的mysqli_stmt_init()函数讲解
2019/01/24 PHP
tp5框架前台无限极导航菜单类实现方法分析
2020/03/29 PHP
jquery tools之tabs 选项卡/页签
2009/07/25 Javascript
jquery插件制作 自增长输入框实现代码
2012/08/17 jQuery
js 异步操作回调函数如何控制执行顺序
2013/12/24 Javascript
原生js的弹出层且其内的窗口居中
2014/05/14 Javascript
Blocksit插件实现瀑布流数据无限( 异步)加载
2014/06/20 Javascript
js创建表单元素并使用submit进行提交
2014/08/14 Javascript
AngularJS中如何使用$parse或$eval在运行时对Scope变量赋值
2016/01/25 Javascript
js实现select选择框效果及美化
2016/08/19 Javascript
jQuery Validate 数组 全部验证问题
2017/01/12 Javascript
简单好用的nodejs 爬虫框架分享
2017/03/26 NodeJs
ReactNative踩坑之配置调试端口的解决方法
2017/07/28 Javascript
Vue组件通信之Bus的具体使用
2017/12/28 Javascript
浅谈React的最大亮点之虚拟DOM
2018/05/29 Javascript
使用layer.msg 时间设置不起作用的解决方法
2019/09/12 Javascript
Layui事件监听的实现(表单和数据表格)
2019/10/17 Javascript
python使用点操作符访问字典(dict)数据的方法
2015/03/16 Python
python中引用与复制用法实例分析
2015/06/04 Python
Python字典简介以及用法详解
2016/11/15 Python
centos6.8安装python3.7无法import _ssl的解决方法
2018/09/17 Python
python高级特性和高阶函数及使用详解
2018/10/17 Python
python paramiko利用sftp上传目录到远程的实例
2019/01/03 Python
Python 一键获取百度网盘提取码的方法
2019/08/01 Python
Django1.11配合uni-app发起微信支付的实现
2019/10/12 Python
Python模拟登录之滑块验证码的破解(实例代码)
2019/11/18 Python
Python3爬虫里关于识别微博宫格验证码的知识点详解
2020/07/30 Python
python opencv图像处理(素描、怀旧、光照、流年、滤镜 原理及实现)
2020/12/10 Python
用纯css3和html制作泡沫对话框实现代码
2013/03/21 HTML / CSS
前端实现背景虚化但内容清晰且自适应 的实例代码
2019/08/01 HTML / CSS
联想英国官网:Lenovo英国
2019/07/17 全球购物
美国在线购买空气净化器、除湿器、加湿器网站:AllergyBuyersClub
2021/03/16 全球购物
可怜妈妈观后感
2015/06/09 职场文书