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实现IE输入框完成placeholder标签功能的方法
Sep 20 jQuery
jquery ajax异步提交表单数据的方法
Oct 27 jQuery
CSS3结合jQuery实现动画效果及回调函数的实例
Dec 27 jQuery
bootstrap+jquery项目引入文件报错的解决方法
Jan 22 jQuery
jquery动态添加以及遍历option并获取特定样式名称的option方法
Jan 29 jQuery
jQuery中元素选择器(element)简单用法示例
May 14 jQuery
jQuery解析json格式数据示例
Sep 01 jQuery
jquery操作checkbox的常用方法总结【附测试源码下载】
Jun 10 jQuery
jQuery单页面文字搜索插件jquery.fullsearch.js的使用方法
Feb 04 jQuery
jQuery弹框插件使用方法详解
May 26 jQuery
如何使用jQuery操作Cookies方法解析
Sep 08 jQuery
如何在vue 中引入使用jquery
Nov 10 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获取远程图片的两种 CURL方式和sockets方式获取远程图片
2011/11/07 PHP
php中解析带中文字符的url函数分享
2015/01/20 PHP
ThinkPHP自定义函数解决模板标签加减运算的方法
2015/07/03 PHP
thinkPHP的表达式查询用法详解
2016/09/14 PHP
php根据年月获取当月天数及日期数组的方法
2016/11/30 PHP
PHP函数rtrim()使用中的怪异现象分析
2017/02/24 PHP
Laravel框架中VerifyCsrfToken报错问题的解决
2017/08/30 PHP
js兼容标准的表格变色效果
2008/06/28 Javascript
一张Web前端的思维导图分享
2015/07/03 Javascript
javascript实现点击提交按钮后显示loading的方法
2015/07/03 Javascript
jQuery右下角悬浮广告实例
2016/10/17 Javascript
NodeJS实现视频转码的示例代码
2017/11/18 NodeJs
关于js的三种使用方式(行内js、内部js、外部js)的程序代码
2018/05/05 Javascript
详解如何在Node.js的httpServer中接收前端发送的arraybuffer数据
2018/11/11 Javascript
jQuery实现点击旋转,再点击恢复初始状态动画效果示例
2018/12/11 jQuery
Vue动态生成el-checkbox点击无法赋值的解决方法
2019/02/21 Javascript
JS检索下拉列表框中被选项目的索引号(selectedIndex)
2019/12/17 Javascript
python类型强制转换long to int的代码
2013/02/10 Python
python学习必备知识汇总
2017/09/08 Python
学习Python3 Dlib19.7进行人脸面部识别
2018/01/24 Python
numpy.linspace 生成等差数组的方法
2018/07/02 Python
pytorch 图像预处理之减去均值,除以方差的实例
2020/01/02 Python
python对指定字符串逆序的6种方法(小结)
2020/04/02 Python
python 将视频 通过视频帧转换成时间实例
2020/04/23 Python
python如何进入交互模式
2020/07/06 Python
Python实现冒泡排序算法的完整实例
2020/11/04 Python
CSS3实现任意图片lowpoly动画效果实例
2017/05/11 HTML / CSS
BabyBjörn婴儿背带法国官网:BabyBjorn法国
2018/06/16 全球购物
Dogeared官网:在美国手工制作的珠宝
2019/08/24 全球购物
德国的各种媒体在线商店:Thalia.de(书籍、电子书、玩具等)
2020/10/08 全球购物
书法培训心得体会
2014/01/05 职场文书
药品采购员岗位职责
2014/02/08 职场文书
2014年个人业务工作总结
2014/11/17 职场文书
民间借贷纠纷案件代理词
2015/05/26 职场文书
MySQL非空约束(not null)案例讲解
2021/08/23 MySQL
漫画「古见同学有交流障碍症」第25卷封面公开
2022/03/21 日漫