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轻松实现无缝轮播效果
Mar 22 jQuery
jQuery实现的背景颜色渐变动画效果示例
Mar 24 jQuery
jQuery条件分页 代替离线查询(附代码)
Aug 17 jQuery
简单实现jQuery弹窗效果
Oct 30 jQuery
详解在vue-cli中引用jQuery、bootstrap以及使用sass、less编写css
Nov 08 jQuery
通过jquery toggleClass()属性制作文章段落更改背景颜色
May 21 jQuery
jQuery实现的淡入淡出图片轮播效果示例
Aug 29 jQuery
JQuery模拟实现网页中自定义鼠标右键菜单功能
Nov 14 jQuery
Jquery遍历筛选数组的几种方法和遍历解析json对象,Map()方法详解以及数组中查询某值是否存在
Jan 18 jQuery
jQuery实现数字华容道小游戏(实例代码)
Jan 16 jQuery
jQuery实现的解析本地 XML 文档操作示例
Apr 30 jQuery
jQuery 常用特效实例小结【显示与隐藏、淡入淡出、滑动、动画等】
May 19 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/07/08 PHP
PHP 字符串操作入门教程
2006/12/06 PHP
解析php中memcache的应用
2013/06/18 PHP
php采用ajax数据提交post与post常见方法总结
2014/11/10 PHP
PHP面向对象之后期静态绑定功能介绍
2015/05/18 PHP
yii2局部关闭(开启)csrf的验证的实例代码
2017/07/10 PHP
JavaScript中this关键字使用方法详解
2007/03/08 Javascript
从零开始学习jQuery (八) 插播:jQuery实施方案
2011/02/23 Javascript
JS实现QQ图片一闪一闪的效果小例子
2013/07/31 Javascript
JSON传递bool类型数据的处理方式介绍
2013/09/18 Javascript
深入理解jQuery中live与bind方法的区别
2013/12/18 Javascript
利用进制转换压缩数字函数分享
2014/01/02 Javascript
JavaScript常用的弹出广告及背投广告实现方法
2015/02/06 Javascript
解决JS请求服务器gbk文件乱码的问题
2015/10/16 Javascript
JS组件系列之Bootstrap table表格组件神器【二、父子表和行列调序】
2016/05/10 Javascript
微信小程序 安全包括(框架、功能模块、账户使用)详解
2017/01/16 Javascript
JavaScript拖动层Div代码
2017/03/01 Javascript
基于jQuery实现图片推拉门动画效果的两种方法
2017/08/26 jQuery
JS实现基于拖拽改变物体大小的方法
2018/01/23 Javascript
vue-cli3.0如何使用CDN区分开发、生产、预发布环境
2018/11/22 Javascript
vue计算属性computed、事件、监听器watch的使用讲解
2019/01/21 Javascript
vue+iview动态渲染表格详解
2019/03/19 Javascript
通过实例学习React中事件节流防抖
2019/06/17 Javascript
[40:17]2018DOTA2亚洲邀请赛 4.5 淘汰赛 LGD vs Liquid 第一场
2018/04/06 DOTA
遍历python字典几种方法总结(推荐)
2016/09/11 Python
django将图片上传数据库后在前端显式的方法
2018/05/25 Python
对python mayavi三维绘图的实现详解
2019/01/08 Python
Python命令行click参数用法解析
2019/12/19 Python
Python从文件中读取数据的方法步骤
2020/11/18 Python
HTML5 播放 RTSP 视频的实例代码
2019/07/29 HTML / CSS
美国知名玩具品牌:Melissa & Doug
2016/08/16 全球购物
生产文员岗位职责
2014/04/05 职场文书
2014年档案管理工作总结
2014/11/17 职场文书
欢送会主持词
2015/07/01 职场文书
JavaScript继承的三种方法实例
2021/05/12 Javascript
Python实现将多张图片合成MP4视频并加入背景音乐
2022/04/28 Python