JS/jQuery判断数据类型的几种方式

蔚落 2021-12-19 02:41 371阅读 0赞

**JavaScript提供判断数据类型的一些方法：**  
方法一：typeof；

方法二：tostring.call();

方法三：Instanceof 和 constructor；

方法四：hasOwnProperty；

代码例子如下：

<script>
    		        var str = 'aaaa';
    		    
    		        var num = 123;
    		    
    		        var fun = function () {};
    		    
    		        var arr = [];
    		    
    		        function Person() {};
    		    
    		        function Food() {};
    		    
    		        var xiaoming = new Person();
    		        var bananer = new Food();
    		        var time = new Date();
    		    
    		        // 方法一 typeof
    		        console.log("方法一 typeof")
    		        console.log(typeof fun);  // function
    		        console.log(typeof arr);  // object
    		        console.log(typeof xiaoming);  // object
    		        /*缺点 ： 实例对象和数组返回的都是object，没有办法区分。*/
    		    
    		        // 方法二 tostring.call();
    		        console.log("方法二 tostring.call();")
    		        console.log(toString.call(arr)); // [object Array]
    		        console.log(toString.call(xiaoming)); // [[object Object]]
    		        console.log(toString.call(time)); // [object Date]
    		        console.log(toString.call(str)); // [object String]
    		    　　// 相比typeof来说，对象的类型更加的清晰
    		    
    		        // 方法三 Instanceof 和 constructor
    		        /*用于检测某个实例对象是由哪个构造函数创建出来的*/
    		        console.log('方法三 Instanceof 和 constructor')
    		        console.log(bananer.constructor); //function Food() {}
    		        console.log(xiaoming.constructor);  // function Person() {}
    		        console.log(bananer instanceof Person); // false
    		        console.log(bananer instanceof Food);   // true
    		    
    		       // 方法四 hasOwnProperty  判断某个属性是不是对象自身的属性
    		       var iphone = {
    		           name:'iphone',
    		           age:100,
    		           address:{home:'江苏',current:'北京昌平'}
    		       }
    		    console.log(iphone.hasOwnProperty('name'))  // true
    		    console.log(iphone.hasOwnProperty('age'))   // true
    		    console.log(iphone.hasOwnProperty('address'))  // true
    		    console.log(iphone.hasOwnProperty('home'))  //false
    		    </script>

**Query提供判断数据类型的一些方法：**

以下方法对参数进行判断，返回一个布尔值。

jQuery.isArray()：是否为数组。

jQuery.isEmptyObject()：是否为空对象（不含可枚举的属性）。

jQuery.isFunction()：是否为函数。

jQuery.isNumeric()：是否为数字。

jQuery.isPlainObject()：是否为使用“\{\}”或“new Object”生成的对象，而不是浏览器原生提供的对象。

jQuery.isWindow()：是否为window对象。

jQuery.isXMLDoc()：判断一个DOM节点是否处于XML文档之中。

发表评论取消回复

表情：

评论列表（有 0 条评论，371人围观）

还没有评论，来说两句吧...

相关阅读

相关几种不同的java数据类型转换的方式

背景我们知道，Java中的数据类型总体可以分为两大类，分别是基本类型和引用类型，如下图所示： ![a439b3698929d4d75cd5ff31f44f52cf.j

灰太狼/ 2024年03月30日 11:36/ 0 赞/ 60 阅读

相关 TypeScript判断对象类型的四种方式

一、typeof typeof ""; //string typeof 1; //number typeof false; //boolea

- 日理万妓/ 2024年03月26日 12:36/ 0 赞/ 73 阅读

相关判断数据类型的5种方法

1. typeof 可以判断数据类型，它返回表示数据类型的字符串（返回结果只能包括number,boolean,string,function,object,und

本是古典何须时尚/ 2023年07月19日 12:14/ 0 赞/ 23 阅读

相关 javascript数据类型判断的几种方法

数据类型的判断 `有时我们经常需要判断数据的类型，有时又不清楚使用具体的方法。这里总结了一下集中的数据类型判断的方法总有一款适合你` 1. typeof (先抛结论)：

Bertha 。/ 2022年11月30日 12:45/ 0 赞/ 170 阅读

相关 JS的数据结构-9种数据类型及判断方法(附:数组的几种判断方法)

文章目录一、 9 种数据类型二、数组的判断方法 1. arr instanceof Array 2. Object.protot

悠悠/ 2022年11月11日 14:55/ 0 赞/ 217 阅读

相关 JS判断数据类型的几种方法

1. typeof typeof 判断的是基本类型 var num = 1; var str = "str"; var bool = t

谁借莪１个温暖的怀抱￠/ 2022年10月16日 06:16/ 0 赞/ 195 阅读

相关 javascript 判断数据类型的几种方法

javascript 判断数据类型的几种方法一、typeof 直接返回数据类型字段，但是无法判断数组、null、对象 typeof 1 "number"

ゝ一纸荒年。/ 2022年04月23日 14:34/ 0 赞/ 227 阅读

相关 redis的几种数据类型

redis 主要有以下几种数据类型： string hash list set sorted set string 这是最简单的类型，就

小灰灰/ 2022年03月18日 20:38/ 0 赞/ 254 阅读

相关 javascript 判断数据类型的几种方法

javascript 判断数据类型的几种方法一、typeof 直接返回数据类型字段，但是无法判断数组、null、对象 typeof 1 "number"

谁借莪１个温暖的怀抱￠/ 2022年03月18日 20:20/ 0 赞/ 249 阅读

相关 JS/jQuery判断数据类型的几种方式

JavaScript提供判断数据类型的一些方法：方法一：typeof；方法二：tostring.call(); 方法三：Instanceof 和 construct

蔚落/ 2021年12月19日 02:41/ 0 赞/ 372 阅读