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 dataTable 获取某行数据
May 05 jQuery
jQuery实现在HTML文档加载完毕后自动执行某个事件的方法
May 08 jQuery
jQuery鼠标移动图片上实现放大效果
Jun 25 jQuery
jQuery实现QQ空间汉字转拼音功能示例
Jul 10 jQuery
如何快速解决JS或Jquery ajax异步跨域的问题
Jan 08 jQuery
jQuery中的for循环var与let的区别
Apr 21 jQuery
jQuery length 和 size()区别总结
Apr 26 jQuery
通过jquery toggleClass()属性制作文章段落更改背景颜色
May 21 jQuery
jQuery实现的点击按钮改变样式功能示例
Jul 21 jQuery
JQuery实现ajax请求的示例和注意事项
Dec 10 jQuery
jQuery操作attr、prop、val()/text()/html()、class属性
May 23 jQuery
使用jQuery实现掷骰子游戏
Oct 24 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新手入门学习方法
2011/05/08 PHP
解析phpstorm + xdebug 远程断点调试
2013/06/20 PHP
php使用Jpgraph绘制3D饼状图的方法
2015/06/10 PHP
PHP技术开发微信公众平台
2015/07/22 PHP
JavaScript 异步调用框架 (Part 3 - 代码实现)
2009/08/04 Javascript
js鼠标点击事件在各个浏览器中的写法及Event对象属性介绍
2013/01/24 Javascript
Jquery通过Ajax访问XML数据的小例子
2013/11/18 Javascript
学习JavaScript设计模式(封装)
2015/11/26 Javascript
javascript实现瀑布流加载图片原理
2016/02/02 Javascript
Angular使用ng-messages与PHP进行表单数据验证
2016/12/28 Javascript
Avalonjs 实现简单购物车功能(实例代码)
2017/02/07 Javascript
Angular-Ui-Router+ocLazyLoad动态加载脚本示例
2017/03/02 Javascript
EasyUI Datebox 日期验证之开始日期小于结束时间
2017/05/19 Javascript
详解如何实现一个简单的 vuex
2018/02/10 Javascript
使用vue2实现购物车和地址选配功能
2018/03/29 Javascript
打通前后端构建一个Vue+Express的开发环境
2018/07/17 Javascript
Node.js npm命令运行node.js脚本的方法
2018/10/10 Javascript
react配置antd按需加载的使用
2019/02/11 Javascript
微信小程序上传多图到服务器并获取返回的路径
2019/05/05 Javascript
VUE前后端学习tab写法实例
2019/08/06 Javascript
JS中的算法与数据结构之字典(Dictionary)实例详解
2019/08/20 Javascript
SpringBoot+Vue 前后端合并部署的配置方法
2020/12/30 Vue.js
Python 自动补全(vim)
2014/11/30 Python
Django Rest framework之权限的实现示例
2018/12/17 Python
详解Python中的format格式化函数的使用方法
2019/11/20 Python
python global和nonlocal用法解析
2020/02/03 Python
Pycharm和Idea支持的vim插件的方法
2020/02/21 Python
python 实现图片批量压缩的示例
2020/12/18 Python
英国最大的经认证的有机超市:Planet Organic
2018/02/02 全球购物
销售冠军获奖感言
2014/02/03 职场文书
庆祝国庆节演讲稿2014
2014/09/19 职场文书
2014年师德师风工作总结
2014/11/25 职场文书
创业计划书之家教托管
2019/09/25 职场文书
HashMap实现保存两个key相同的数据
2021/06/30 Java/Android
golang生成并解析JSON
2022/04/14 Golang
Django中celery的使用项目实例
2022/07/07 Python