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插件FusionCharts实现的MSBar2D图效果示例【附demo源码】
Mar 24 jQuery
jquery中关于bind()方法的使用技巧分享
Mar 30 jQuery
Jquery-data的三种用法
Apr 18 jQuery
jQuery加密密码到cookie的实现代码
Apr 18 jQuery
jQuery实现的简单在线计算器功能
May 11 jQuery
jquery操作ul的一些操作笔记整理(干货)
Aug 31 jQuery
jQuery实现获取table中鼠标click点击位置行号与列号的方法
Oct 09 jQuery
简单实现jquery隔行变色
Nov 09 jQuery
jQuery实现获取form表单内容及绑定数据到form表单操作分析
Jul 03 jQuery
jQuery实现获取及设置CSS样式操作详解
Sep 05 jQuery
JQuery的加载和选择器用法简单示例
May 13 jQuery
jquery实现淡入淡出轮播图效果
Dec 13 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(6) 面向对象
2010/02/16 PHP
解析如何修改phpmyadmin中的默认登陆超时时间
2013/06/25 PHP
Smarty foreach控制循环次数的一些方法
2015/07/01 PHP
Thinkphp连表查询及数据导出方法示例
2016/10/15 PHP
拖拉表格的JS函数
2008/11/20 Javascript
jQuery$命名冲突怎么办如何解决
2014/01/16 Javascript
JQuery与Ajax调用新浪API获取短网址的代码
2014/02/07 Javascript
jquery实现华丽的可折角广告代码
2015/09/02 Javascript
jquery实现简单的二级导航下拉菜单效果
2015/09/07 Javascript
详解页面滚动值scrollTop在FireFox与Chrome浏览器间的兼容问题
2015/12/03 Javascript
javascript中对Date类型的常用操作小结
2016/05/19 Javascript
JS 获取HTML标签内的子节点的方法
2016/09/21 Javascript
jQuery自定义插件详解及实例代码
2016/12/29 Javascript
神级程序员JavaScript300行代码搞定汉字转拼音
2017/05/20 Javascript
JavaScript递归算法生成树形菜单
2017/08/15 Javascript
JavaScript DOM元素常见操作详解【添加、删除、修改等】
2018/05/09 Javascript
jquery拖拽自动排序插件使用方法详解
2020/07/20 jQuery
JS使用栈判断给定字符串是否是回文算法示例
2019/03/04 Javascript
JavaScrip数组去重操作实例小结
2019/06/20 Javascript
vue@cli3项目模板怎么使用public目录下的静态文件
2020/07/07 Javascript
[08:08]DOTA2-DPC中国联赛2月28日Recap集锦
2021/03/11 DOTA
python 获取本机ip地址的两个方法
2013/02/25 Python
python切换hosts文件代码示例
2013/12/31 Python
python解析命令行参数的三种方法详解
2019/11/29 Python
python调用c++返回带成员指针的类指针实例
2019/12/12 Python
Django使用Profile扩展User模块方式
2020/05/14 Python
面向游戏玩家和书呆子的极客订阅盒:Loot Crate
2020/11/25 全球购物
旅游项目开发策划书
2014/01/18 职场文书
求职简历自荐信
2014/06/18 职场文书
关于读书的演讲稿300字
2014/08/27 职场文书
学校运动会报道稿
2014/09/23 职场文书
2014年幼儿园园务工作总结
2014/12/05 职场文书
商务宴请邀请函范文
2015/02/02 职场文书
集结号观后感
2015/06/08 职场文书
在Java中Collection的一些常用方法总结
2021/06/13 Java/Android
MYSQL优化之数据表碎片整理详解
2022/04/03 MySQL