资讯专栏INFORMATION COLUMN

上云采购季！| 2核2G4M爆款云服务器低至59元/年，更有多台、长期优惠，快来选购！

立即前往
首页/文章专栏/JS中的typeof和类型判断

JS中的typeof和类型判断

cppowboy / 2090人阅读

摘要：摘要这篇文章讲述运算符判断基本类型和引用类型的区别，以及怎么判断数组类型和空对象有种原始类型，即和。类型判断类型判断，一般就是判断是否是数组，是否是空对象。方法四使用语法，返回一个数组，只需要判断数组长度是否大于即可。

摘要

这篇文章讲述typeof运算符判断基本类型和引用类型的区别，以及怎么判断数组类型和空对象

typeof

ECMAScript 有 5 种原始类型（primitive type），即 Undefined、Null、Boolean、Number 和 String。我们都知道可以使用typeof运算符求得一个变量的类型，但是对引用类型变量却只会返回object，也就是说typeof只能正确识别基本类型值变量。

</>复制代码 
  1. var a = "abc";
  2. typeof a;// "string"
  3. var b = 123;
  4. typeof b;// "number"
  5. var c = true;
  6. typeof c;// "boolean"
  7. var d = null;
  8. typeof d;// "object"
  9. var f = undefined;
  10. typeof f;// "undefined"
  11. var g;
  12. typeof g;// "undefined"
  13. typeof x;// "object"

您也许会问，为什么 typeof 运算符对于 null 值会返回 "object"。这实际上是 JavaScript 最初实现中的一个错误，然后被 ECMAScript 沿用了。现在，null 被认为是对象的占位符，从而解释了这一矛盾，但从技术上来说，它仍然是原始值。

最后一个比较奇怪，typeof一个不存在的变量x居然返回了"object"而不是"undefined"。

我们在来如下代码

</>复制代码 
  1. var a = function() {};
  2. typeof a; // "function"
  3. var b = [1,2,3];
  4. typeof b; // "object"
  5. var c = {};
  6. typeof c; // "object"

对于数组和对象都返回"object"，因此我们日常开发中一个常见需求就是如何判断变量是数组还是对象。

类型判断

类型判断，一般就是判断是否是数组，是否是空对象。这是针对这个需求，我日常用过或见过的判断方法

判断是否是数组
有数组：var a = [1,2,3,4,5];
方法一：

</>复制代码 
  1. toString.call(a); // "[object Array]"

方法二：

</>复制代码 
  1. a instanceof Array; //true

方法三：

</>复制代码 
  1. a.constructor == Array; //true

第一种方法比较通用，也就是Object.prototype.toString.call(a)的简写。

instanceof和constructor判断的变量，必须在当前页面声明的，比如，一个页面（父页面）有一个框架，框架中引用了一个页面（子页面），在子页面中声明了一个a，并将其赋值给父页面的一个变量，这时判断该变量，Array == object.constructor会返回false；

判断是否是空对象
有变量：var obj = {};
方法一：

</>复制代码 
  1. JSON.stringify(obj); // "{}"

通过转换成JSON对象来判断是否是空大括号

方法二：

</>复制代码 
  1. if(obj.id){
  2.    //如果属性id存在....
  3. }

这个方法比较土，大多数人都能想到，前提是得知道对象中有某个属性。

方法三：

</>复制代码 
  1. function isEmptyObject(e) {  
  2.     var t;  
  3.     for (t in e)  
  4.         return !1;  
  5.     return !0  
  6. } 
  7. //true
  8. isEmptyObject(obj); 
  9. //false
  10. isEmptyObject({
  11.     "a":1,
  12.     "b":2
  13. });

这个方法是jQuery的isEmptyObject()方法的实现方式。

方法四：
使用ES6语法Object.keys(obj)，返回一个数组，只需要判断数组长度是否大于0即可。

</>复制代码 
  1. function isEmptyObject(obj){
  2.   if(Object.keys(obj).length > 0) return true;
  3.   return false;

推荐使用方法四。

</>复制代码 
  1. 文章出处：http://dunizb.com
    原文链接：http://dunizb.com/2017/07/08/JS-in-the-typeof-and-type-judgment/

GPU云服务器 云服务器 js 数据类型判断 js 判断数据类型 js数据类型判断 js判断数据类型

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/83958.html

相关文章

  • JS基础知识 --变量类型和计算

    摘要：逻辑运算判断一个变量会被当做还是内置函数和对象中内置了一些函数和对象，直接可以调用开发。根据提供的内置函数包括和。注意基础语法提供的内置函数和方法只有这些，像那是浏览器提供给我们的。 变量类型和计算 1. 变量类型 js变量类型分为基本类型（或者叫值类型）和引用类型。（按照存储方式区分）• 值类型 值类型：Number、String、Boolean、Null、Undefiend；...

    levy9527 评论0 收藏0

  • JS 中的类型判断

    摘要：和这三种基本的数据类型，都有对应的引用包装类型和。应用于引用类型的判断，所以对于这三类基本类型没有什么意义。 JS 中的类型判断 js中的数据类型 基本数据类型 undefined、number、string、boolean 引用数据类型 null、Object、Number、String、Boolean、Function、Array、Date、RegExp、Error、Argumen...

    ChanceWong 评论0 收藏0

  • <<编写可维护的javascript>> 笔记8(避免'空比较&#

    摘要：中常常会看到这种代码变量与的比较这种用法很有问题用来判断变量是否被赋予了一个合理的值比如不好的写法执行一些逻辑这段代码中方法显然是希望是一个数组因为我们看到的拥有和这段代码的意图非常明显如果参数不是一个数组则停止接下来的操作这种写法的问题在 js中, 常常会看到这种代码: 变量与null的比较(这种用法很有问题), 用来判断变量是否被赋予了一个合理的值. 比如: const Contr...

    young.li 评论0 收藏0

  • JS类型判断

    摘要：数据类型判断有的时候需要判断数据类型，应对各种复杂的逻辑判断，先来个咱们最常用的。操作符返回一个字符串，并表示该变量的类型。运算符用于测试构造函数的属性是否出现在对象的原型链中的任何位置通俗点说就是一个变量是否某个对象的实例。 JS数据类型判断 有的时候需要判断数据类型，应对各种复杂的逻辑判断，先来个咱们最常用的。 1.typeof typeof操作符返回一个字符串，并表示该变量的类型...

    yvonne 评论0 收藏0

  • js

    摘要：所以我们又可以得出一个结论原型的属性指向构造函数，构造函数又通过属性指回原型，但是并不是所有函数都具有这个属性，就没有这个属性。 1.原始类型 boolean number string null undefined symbol原始类型储存的都是值，是没有函数可以调用的，undefined.toString() 显示报错，但是1.toString() // 1 ； 是因为1被强制转...

    pubdreamcc 评论0 收藏0

发表评论

登陆后可评论

0条评论

cppowboy

男|高级讲师
我要私信

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<