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实现动态生成表格并为行绑定单击变色动作的方法
Apr 17 jQuery
jquery平滑滚动到顶部插件使用详解
May 08 jQuery
jquery Ajax实现Select动态添加数据
Jun 08 jQuery
jQuery 循环遍历改变a标签的href(实例讲解)
Jul 12 jQuery
jquery写出PC端轮播图实例
Jan 26 jQuery
jQuery实现标签子元素的添加和赋值方法
Feb 24 jQuery
jQuery实现的滑块滑动导航效果示例
Jun 04 jQuery
jQuery中each遍历的三种方法实例分析
Sep 07 jQuery
Jquery实现无缝向上循环滚动列表的特效
Feb 13 jQuery
jQuery利用cookie 实现本地收藏功能(不重复无需多次命名)
Nov 07 jQuery
jQuery+PHP+Ajax实现动态数字统计展示功能
Dec 25 jQuery
基于JavaScript或jQuery实现网站夜间/高亮模式
May 30 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
thinkphp3.0输出重复两次的解决方法
2014/12/19 PHP
PHP和MySql中32位和64位的整形范围是多少
2016/02/18 PHP
php 获取xml接口数据的处理方法
2018/05/31 PHP
PHP实现类似题库抽题效果
2018/08/16 PHP
PHP常见数组排序方法小结
2018/08/20 PHP
js实现鼠标拖动图片并兼容IE/FF火狐/谷歌等主流浏览器
2013/06/06 Javascript
Query中click(),bind(),live(),delegate()的区别
2013/11/19 Javascript
Extjs4中的分页应用结合前后台
2013/12/13 Javascript
Javascript学习笔记之 函数篇(一) : 函数声明和函数表达式
2014/06/24 Javascript
在JS中操作时间之getUTCMilliseconds()方法的使用
2015/06/10 Javascript
vue分页组件table-pagebar使用实例解析
2020/11/15 Javascript
BootStrap下拉菜单和滚动监听插件实现代码
2016/09/26 Javascript
Vue.js动态添加、删除选题的实例代码
2016/09/30 Javascript
函数四种调用模式以及其中的this指向
2017/01/16 Javascript
fckeditor部署到weblogic出现xml无法读取及样式不能显示问题的解决方法
2017/03/24 Javascript
让bootstrap的carousel支持滑动滚屏的实现代码
2017/11/27 Javascript
vue 中动态绑定class 和 style的方法代码详解
2018/06/01 Javascript
Bootstrap Fileinput 4.4.7文件上传实例详解
2018/07/25 Javascript
浅谈Vue组件及组件的注册方法
2018/08/24 Javascript
JS学习笔记之闭包小案例分析
2019/05/29 Javascript
vue 组件中使用 transition 和 transition-group实现过渡动画
2019/07/09 Javascript
jQuery实现checkbox全选、反选及删除等操作的方法详解
2019/08/02 jQuery
微信小程序搜索框样式并实现跳转到搜索页面(小程序搜索功能)
2020/03/10 Javascript
JavaScript中clientWidth,offsetWidth,scrollWidth的区别
2021/01/25 Javascript
[03:12]TI9战队档案 - Virtus Pro
2019/08/20 DOTA
python通过scapy获取局域网所有主机mac地址示例
2014/05/04 Python
浅谈Python中(&,|)和(and,or)之间的区别
2019/08/07 Python
浅析matlab中imadjust函数
2020/02/27 Python
pip install命令安装扩展库整理
2021/03/02 Python
2014厂务公开实施方案
2014/02/17 职场文书
求职自荐信的格式
2014/04/07 职场文书
采购员岗位职责
2015/02/03 职场文书
司机个人年终总结
2015/03/03 职场文书
同事离别感言
2015/08/04 职场文书
python munch库的使用解析
2021/05/25 Python
Python学习之时间包使用教程详解
2022/03/21 Python