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+ajax实现修改密码验证功能实例详解
Jul 06 jQuery
jquery easyui如何实现格式化列
Jul 30 jQuery
jQuery实现判断上传图片类型和大小的方法示例
Apr 11 jQuery
jQuery实现每隔一段时间自动更换样式的方法分析
May 03 jQuery
jQuery实现基本淡入淡出效果的方法详解
Sep 05 jQuery
jQuery序列化form表单数据为JSON对象的实现方法
Sep 20 jQuery
jQuery实现的自定义轮播图功能详解
Dec 28 jQuery
jQuery实现适用于移动端的跑马灯抽奖特效示例
Jan 18 jQuery
jQuery选择器之层次选择器用法实例分析
Feb 19 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启用sphinx全文搜索的实现方法
2014/12/24 PHP
php查询相似度最高的字符串的方法
2015/03/12 PHP
php采集中国代理服务器网的方法
2015/06/16 PHP
laravel 实现向公共模板中传值 (view composer)
2019/10/22 PHP
javascript 面向对象编程 function也是类
2009/09/17 Javascript
JavaScript 空位补零实现代码
2010/02/26 Javascript
深入理解JavaScript系列(8) S.O.L.I.D五大原则之里氏替换原则LSP
2012/01/15 Javascript
jQuery获取浏览器中的分辨率实现代码
2013/04/23 Javascript
js调用图片隐藏&显示实现代码
2013/09/13 Javascript
禁止空格提交表单的js代码
2013/11/17 Javascript
node.js中使用socket.io的方法
2014/12/15 Javascript
NodeJS学习笔记之Connect中间件模块(一)
2015/01/27 NodeJs
jQuery插件实现大图全屏图片相册
2015/03/14 Javascript
jQuery on()方法示例及jquery on()方法的优点
2015/08/27 Javascript
js 发布订阅模式的实例讲解
2017/09/10 Javascript
20170918 前端开发周报之JS前端开发必看
2017/09/18 Javascript
Java设计中的Builder模式的介绍
2018/03/22 Javascript
javascript实现文件拖拽事件
2018/03/29 Javascript
webpack中如何加载静态文件的方法步骤
2019/05/18 Javascript
jQuery实现简易QQ聊天框
2020/02/10 jQuery
JavaScript中变量提升和函数提升的详解
2020/08/07 Javascript
[00:32]10月24、25日 辉夜杯外卡赛附加赛开赛!
2015/10/23 DOTA
[04:46]2018年度玩家喜爱的电竞媒体-完美盛典
2018/12/16 DOTA
Python检测QQ在线状态的方法
2015/05/09 Python
python操作mongodb根据_id查询数据的实现方法
2015/05/20 Python
python中实现数组和列表读取一列的方法
2018/04/03 Python
python读取图片任意范围区域
2019/01/23 Python
Pytorch.nn.conv2d 过程验证方式(单,多通道卷积过程)
2020/01/03 Python
python对一个数向上取整的实例方法
2020/06/18 Python
解决Keras使用GPU资源耗尽的问题
2020/06/22 Python
python实现npy格式文件转换为txt文件操作
2020/07/01 Python
小学防溺水制度
2014/01/29 职场文书
球队口号
2014/06/18 职场文书
幸福终点站观后感
2015/06/04 职场文书
文艺有韵味的诗句(生命类、亲情类...)
2019/07/11 职场文书
2019最新版股权转让及委托持股协议书范本
2019/08/07 职场文书