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获取table下某一行某一列的值实现代码
Apr 07 jQuery
jquery中$.fn和图片滚动效果实现的必备知识总结
Apr 21 jQuery
jQuery实现简单的滑动导航代码(移动端)
May 22 jQuery
Jquery中attr与prop的区别详解
May 27 jQuery
jQuery validata插件实现方法
Jun 25 jQuery
jquery版轮播图效果和extend扩展
Jul 18 jQuery
jQuery实现的简单对话框拖动功能示例
Jun 05 jQuery
jQuery中each和js中forEach的区别分析
Feb 27 jQuery
解决JQuery的ajax函数执行失败alert函数弹框一闪而过问题
Apr 10 jQuery
如何使用CSS3和JQuery easing 插件制作绚丽菜单
Jun 18 jQuery
jquery实现轮播图特效
Apr 12 jQuery
jQuery实现滑动开关效果
Aug 02 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 Undefined index和Undefined variable的解决方法
2008/03/27 PHP
php函数之子字符串替换 str_replace
2011/03/23 PHP
php 无法加载mysql的module的时候的配置的解决方案引发的思考
2012/01/27 PHP
jQuery向下滚动即时加载内容实现的瀑布流效果
2016/01/07 PHP
PHP并发多进程处理利器Gearman使用介绍
2016/05/16 PHP
PHP7 新特性详细介绍
2016/09/06 PHP
浅谈PHP定义命令空间的几个注意点(推荐)
2016/10/29 PHP
Laravel 微信小程序后端搭建步骤详解
2019/11/26 PHP
php 多进程编程父进程的阻塞与非阻塞实例分析
2020/02/22 PHP
JavaScript 上万关键字瞬间匹配实现代码
2013/07/07 Javascript
基于Bootstrap+jQuery.validate实现Form表单验证
2014/12/16 Javascript
jQuery实现渐变下拉菜单的简单方法
2015/03/11 Javascript
在for循环中length值是否需要缓存
2015/07/27 Javascript
基于javascript如何传递特殊字符
2015/11/30 Javascript
基于JavaScript实现弹出框效果
2016/02/19 Javascript
js实现页面跳转的五种方法推荐
2016/03/10 Javascript
AngularJS点击添加样式、点击变色设置的实例代码
2017/07/27 Javascript
JavaScript正则表达式校验与递归函数实际应用实例解析
2017/08/04 Javascript
浅谈angularJS2中的界面跳转方法
2018/08/31 Javascript
从0搭建vue-cli4脚手架
2020/06/17 Javascript
在Python的Django框架中创建语言文件
2015/07/27 Python
Python实现统计文本文件字数的方法
2017/05/05 Python
LRUCache的实现原理及利用python实现的方法
2017/11/21 Python
Python使用正则表达式分割字符串的实现方法
2019/07/16 Python
python+rsync精确同步指定格式文件
2019/08/29 Python
python实现通过队列完成进程间的多任务功能示例
2019/10/28 Python
Python selenium文件上传下载功能代码实例
2020/04/13 Python
Python是什么 Python的用处
2020/05/26 Python
Python 在函数上添加包装器
2020/07/28 Python
美国高街时尚品牌:OASAP
2016/07/24 全球购物
优秀班组长事迹
2014/05/31 职场文书
物理课外活动总结
2014/08/27 职场文书
初二学生评语大全
2014/12/26 职场文书
小人国观后感
2015/06/11 职场文书
学校标语口号大全
2015/12/26 职场文书
CSS SandBox应用场景及常见问题
2022/06/25 HTML / CSS