<!doctype html>

 <html>

  <head>

   <meta charset="UTF-8">

   <title>Document</title>

   <script>

     //鄙视题: 判断一个对象是否是数组，有几种办法：

     var obj1={};//Object

     var obj2=[1,2,3];//Array

     var obj3=function(){};//Function

     var obj4={}; obj4.__proto__=[];

                //obj4认[]当爹

     /*否定: typeof 无法区分数组和对象

     console.log(typeof obj1);//object

     console.log(typeof obj2);//object

     console.log(typeof obj3);//function

     */

     //1. isPrototypeOf 不但检查直接父对象，而且检查整个原型链

     console.log(Array.prototype.isPrototypeOf(obj1));

     console.log(Array.prototype.isPrototypeOf(obj2));

     console.log(Array.prototype.isPrototypeOf(obj3));

     console.log(Array.prototype.isPrototypeOf(obj4));

     //2. constructor 也可检查整个原型链

     console.log(obj1.constructor==Array);

     console.log(obj2.constructor==Array);

     console.log(obj3.constructor==Array);

     console.log(obj4.constructor==Array);

     //3. instanceof 也可检查整个原型链

       //判断一个对象是否是指定构造函数的实例

     console.log(obj1 instanceof Array);

     console.log(obj2 instanceof Array);

     console.log(obj3 instanceof Array);

     console.log(obj4 instanceof Array);

   /*4. 每个对象内部都有一个属性: class

         记录了创建对象时使用的类型名

         如何访问对象内部的class:

             只能调用原生的toString方法

             Object.prototype.toString();

             "[object Object]"

               对象   class

         强行调用原生toString:

           原生toString.call(替代this的对象)

             call做2件事: 1. 执行函数；2. 替换this！

           Object.prototype.toString()

                 this->Object.prototype

           Object.prototype.toString.call(obj1)

                 this->obj1

                 ->在执行时，相当于obj1.toString()*/

     console.log(

       Object.prototype.toString.call(obj1)

       =="[object Array]");//原生的

     console.log(

       Object.prototype.toString.call(obj2)

       =="[object Array]");

     console.log(

       Object.prototype.toString.call(obj3)

       =="[object Array]");

     console.log(

       Object.prototype.toString.call(obj4)

       =="[object Array]");

   /*5. ES5: isArray*/

   //如果浏览器不支持isArray方法

     //就在?添加isArray方法

       //参数: obj要检查的对象

       //函数体:

       //1. 强行调用原生toString方法输出obj的class属性//2. 如果返回的结果是"[object Array]"才返回true

             //否则返回false

    document.write(Array.isArray(obj1)+"<br>");

    document.write(Array.isArray(obj2)+"<br>");

    document.write(Array.isArray(obj3)+"<br>");

    document.write(Array.isArray(obj4)+"<br>");

   </script>

  </head>

  <body>

  </body>

 </html>

JavaScript--对象-检查一个对象是否是数组的更多相关文章

  1. 《JavaScript 闯关记》之数组

    数组是值的有序集合.每个值叫做一个元素,而每个元素在数组中有一个位置,以数字表示,称为索引. JavaScript 数组是无类型的,数组元素可以是任意类型,并且同一个数组中的不同元素也可能有不同的类型 ...

  2. 简述JavaScript对象、数组对象与类数组对象

    问题引出 在上图给出的文档中,用JavaScript获取那个a标签,要用什么办法呢?相信第一反应一定是使用document.getElementsByTagName('a')[0]来获取.同样的,在使 ...

  3. JavaScript学习总结（二）数组和对象部分

    pt学习总结(二)数组和对象部分 2016-09-16    分类:WEB开发.编程开发.首页精华暂无人评论     来源:trigkit4 分享到:更多1 对象部分 Object类型 Object  ...

  4. [Effective JavaScript 笔记]第51条：在类数组对象上复用通用的数组方法

    前面有几条都讲过关于Array.prototype的标准方法.这些标准方法被设计成其他对象可复用的方法,即使这些对象并没有继承Array. arguments对象 在22条中提到的函数argument ...

  5. 让操作javascript对象数组像.net lamda表达式一样

    让操作javascript对象数组像.net lamda表达式一样 随着web应用程序的富客户端化.ajax的广泛使用及复杂的前端业务逻辑.对js对象数组.json数组的各种操作越来越多.越来越复杂. ...

  6. 第一百零三节，JavaScript对象和数组

    JavaScript对象和数组 学习要点: 1.Object类型 2.Array类型 3.对象中的方法 什么是对象,其实就是一种类型,即引用类型.而对象的值就是引用类型的实例.在ECMAScript中 ...

  7. 浅谈JavaScript和DOM中的类数组对象

    JavaScript是一门弱类型语言,它的数据类型分为两大类:简单数据类型(5种:Undefined.Null.Boolean.Number.String)和复杂数据类型(1种:Object).Obj ...

  8. JavaScript对象之关联数组

    Tip: 内容摘抄自<JavaScript权威指南>,看过该书的同学可以忽略本文. 存取一个对象的属性的方式: obj.attr; obj["attr"]; 两者最重要 ...

  9. JavaScript 对象与数组参考大全

    http://www.cnblogs.com/meil/archive/2006/06/28/437527.html本文列举了各种JavaScript对象与数组,同时包括对上述每一对象或数组所完成工作 ...

随机推荐

  1. Android Wear开发 - 数据通讯 - 第四节 : 数据封装(解决不能序列化问题)

    一. 前言 背景 一开始笔者在研究数据发送与接收的时候,看到Wear数据类DataMap除了可以put基本类型外,还有个fromBundle方法来构建一个DataMap对象.所以一口气的将原本功能上的 ...

  2. 【HDOJ】2487 Ugly Windows

    暴力解. #include <cstdio> #include <cstring> #define MAXN 105 char map[MAXN][MAXN]; ]; int ...

  3. NodeJS制作爬虫全过程

    这篇文章主要介绍了NodeJS制作爬虫的全过程,包括项目建立,目标网站分析.使用superagent获取源数据.使用cheerio解析.使用eventproxy来并发抓取每个主题的内容等方面,有需要的 ...

  4. Pie（二分）

    ime Limit: 1000MS   Memory Limit: 65536K Total Submissions: 8930   Accepted: 3235   Special Judge De ...

  5. bzoj1146

    这是一道无比繁琐的题目话说这道题使我第一次练dfs序,比较感动:首先dfs序就是在dfs过程中按照访问的顺序给每个点标上两个“时间戳”一个是第一次访问到点i时的时间戳c[i],一个是访问完以i为根时的 ...

  6. bzoj3505

    ans=C((n+1)*(m+1),3)-三点一线的情况横线竖线我们可以先去掉然后考虑斜线,由于对称性我们只要考虑斜率大于0的即可有一个很显然的结论,但两点坐标差为x,y时,这条线段上的点数为gcd( ...

  7. ♫【Underscore.js】

    Underscore.js Underscore.js 1.5.2 中文文档 Underscore 是一个JavaScript实用库,提供了类似Prototype.js (或 Ruby)的一些功能,但 ...

  8. 【字符串】【最小表示法】Vijos P1683 有根树的同构问题

    题目链接: https://vijos.org/p/1683 题目大意: 给M棵树,每棵N个点,N-1条边,树边有向,问哪些树同构. 题目思路: [字符串][最小表示法] 用()表示一个节点,那么三个 ...

  9. 【OSGi】OSGi生命周期

    1 生命周期管理 对于非模块化应用,生命周期将应用作为一个整体来操作: 而对于模块化应用,则可以以细粒度的方式来管理应用的某一个独立部分. OSGi生命周期管理 OSGi生命周期层有两种不同的作用: ...

  10. 【jquery mobile笔记二】jquery mobile调用豆瓣api示例

    页面主要代码如下 <div data-role="page" id="page1">     <div data-role="hea ...