方法一:通过判断变量的类型,并且变量的length属性(除了有一种例外是arguments对象–当给函数传参时数据存储的地方)

  1. var arr=[2,3,4];
  2. var obj={"name":"maomao","age":20};
  3. console.log(typeof arr); //object
  4. console.log(typeof obj); //object
  5. console.log(arr.length); //3
  6. console.log(obj.length); //undefined
  7. console.log(obj.name); //maomao
  8. //这里说明在对象中并没有length属性,所以是未定义。

方法二:
使用toString方法将对象转换成其他类型的string,该例很好的证明了arguments对象不是数组,而是对象

  1. var arr=[2,3,4];
  2. var obj={"name":"maomao","age":20};
  3. // console.log(arr.toString()); //'2,3,4'
  4. // console.log(obj.toString()); //[object Object]
  5. function sum(a,b){
  6. // console.log(arguments);
  7. // console.log(typeof arguments); //object
  8. // console.log(arguments.length); //2 根据具体调用函数传的实参决定
  9. // console.log(arguments.toString()); //[object Arguments]
  10. return a+b;
  11. }
  12. alert(sum(3,4));

web前端JavaScript学习群:618522268
方法三: —>不可行
instanceof 指出对象是否是特定类的一个实例。
结论:instanceof 检测一个对象A是不是另一个对象B的实例的原理是:查看对象B的prototype指向的对象是否在对象A的[[prototype]]链上。如果在,则返回true,如果不在则返回false。不过有一个特殊的情况,当对象B的prototype为null将会报错(类似于空指针异常)。

  1. var arr=[2,3,4,"haa"];
  2. var obj={"name":"maomao","age":20};
  3. console.log(arr instanceof Array); //true
  4. console.log(obj instanceof Object); //true
  5. console.log(arr instanceof Object); //true
  6. ---这里跟网上的不同,不知道是什么原因
  7. console.log(obj instanceof Array); //false

4、ECMAScript 5中可以使用isArray来判断

  1. var arr=[2,3,4,"haa"];
  2. var obj={"name":"maomao","age":20};
  3. console.log(Array.isArray(arr)); //true
  4. console.log(Array.isArray(obj)); //false
  5. //注意没有isObject这种方法 暂时

5、使用isPrototypeOf()函数
原理:检测一个对象是否是Array的原型(或处于原型链中,不但可检测直接父对象,还可检测整个原型链上的所有父对象)
使用方法: parent.isPrototypeOf(child)来检测parent是否为child的原型;
需注意的是isPrototypeOf()函数实现的功能和instancof运算符非常类似;

  1. var arr=[2,3,4,"haa"];
  2. var object={"name":"maomao","age":20};
  3. console.log(Array.prototype.isPrototypeOf(arr)); //true
  4. console.log(Array.prototype.isPrototypeOf(object)); //false
  5. console.log(Object.prototype.isPrototypeOf(arr)); //true console.log(Object.prototype.isPrototypeOf(object)); //true

//从上面上看Array.prototype.isPrototypeOf()可以作为判断的依据

6、使用constructor属性

var arr=[2,3,4,"haa"];
var obj={"name":"maomao","age":20};
console.log(arr.constructor); //function Array() { [native code] }
console.log(obj.constructor); //function Object() { [native code] }
console.log(arr.constructor==Array); //true
console.log(arr.constructor==Object); //false
console.log(obj.constructor==Array); //false
console.log(obj.constructor==Object); //true

7、使用concat方法–灵活变通
array.concat(数组1,数组2,…)
返回一个新数组,这个新数组是由两个或更多数组组合而成的

var arr=[2,3,4];
var obj={"name":"maomao","age":20,'concat':function(){ return 1;}};
console.log(arr.concat()); //[2,3,4]
console.log(obj.concat()); //1 当然这个concat是我自定义上去的方法,返回值也是可以定制的。如果没有该方法则会报出Uncaught TypeError: obj.concat is not a function这个错误。
web前端JavaScript学习群618522268

JavaScript如何判断变量是数组还是对象的更多相关文章

  1. Javascript中判断变量是数组还是对象(array还是object)

    怎样判断一个JavaScript变量是array还是obiect? 答案: 1.如果你只是用typeof来检查该变量,不论是array还是object,都将返回‘objec'. 此问题的一个可行的答案 ...

  2. JavaScript用typeof判断变量是数组还是对象,都返回object

    在JavaScript中所有数据类型严格意义上都是对象,但实际使用中我们还是有类型之分,如果要判断一个变量是数组还是对象使用typeof搞不定,因为它全都返回object. 使用typeof加leng ...

  3. js 中判断变量是数组还是对象,和判断对象是否为空

    判断是对象还是数组  var ids={ id:'1',num:'2' } if(Array.isArray(ids) == false) {console.log('不是数组,对象') } else ...

  4. vue_如何判断变量是数组还是对象

    一.typeof判断数据类型(判断数组跟对象都返回object) console.log(typeof null); // "object" console.log(typeof ...

  5. js判断一个变量是数组还是对象

    判断变量是数组还是对象,使用Object.prototype.toString.call(),兼容性好,切勿使用typeof来判断对象或者数组,因为typeof得到的都是object: functio ...

  6. 判断变量是否为json对象

    var m ={a:'A'}; if(typeof m == 'object' && JSON.stringify(m).indexOf('{') == 0){//判断变量m是不是js ...

  7. JavaScript 练习,变量,数组,函数,对象, with for 语句

    JavaScript 基于对象 和 事件驱动!!! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...

  8. 我总结的js变量、数组、对象等基础知识

    我的第一篇博客 ——JS的那些基础概念 第一次写,也不知道有没有什么套路,需不需要注意文采之类的.不管了,我就直接写主要内容吧!下面是我总结的一些关于JS的基础概念: [变量]从字面上面,变量是可变的 ...

  9. JavaScript中判断变量类型最简洁的实现方法以及自动类型转换(#################################)

    这篇文章主要介绍了JavaScript中判断整字类型最简洁的实现方法,本文给出多个判断整数的方法,最后总结出一个最短.最简洁的实现方法,需要的朋友可以参考下 我们知道JavaScript提供了type ...

随机推荐

  1. 使用py-faster-rcnn训练VOC2007数据集时遇到问题

    使用py-faster-rcnn训练VOC2007数据集时遇到如下问题: 1. KeyError: 'chair' File "/home/sai/py-faster-rcnn/tools/ ...

  2. 使用snmp4j实现Snmp功能(一)

    相关链接:Snmp学习笔记使用snmp4j实现Snmp功能(一)使用snmp4j实现Snmp功能(二)使用snmp4j实现Snmp功能(三) 上一篇文章讲了Snmp的一些基本概念(Snmp学习笔记), ...

  3. How Many Nines ZOJ - 3950 打表大法好

    If we represent a date in the format YYYY-MM-DD (for example, 2017-04-09), do you know how many 9s w ...

  4. Web前端工程师-优秀简历汇总

    Web前端工程师-优秀简历汇总   1. http://www.linqing07.com/resume.html   2.  http://www.flqin.com/#page2   3.  ht ...

  5. CSS3知识之折角效果

    CSS3折角效果:可兼容不同背景

  6. jquery动画切换引擎插件 Velocity.js 学习02

    案例实践: 第一页会以动画形式进入页面: 点击进入按钮时,第一页以动画消失,第二页以动画形式进入,同时四张图片也定义从小到大的动画形式: 第二页关闭按钮点击时,先是四张图片以缩小动画消失,然后第二页以 ...

  7. Sandglass

    题目描述 We have a sandglass consisting of two bulbs, bulb A and bulb B. These bulbs contain some amount ...

  8. 【BZOJ】1710: [Usaco2007 Open]Cheappal 廉价回文

    [算法]区间DP [题解]回文问题的套路做法:区间DP. f[i][j]表示区间i~j回文的最小代价,则有f[i][j]=min{①②③}. ①f[i+1][j]+min(a[s[i]],b[s[i] ...

  9. 【BZOJ】1697: [Usaco2007 Feb]Cow Sorting牛排序

    [算法]数学置换 [题意]给定n个数,要求通过若干次交换两个数的操作得到排序后的状态,每次交换代价为两数之和,求最小代价. [题解] 考虑置换的定义:置换就是把n个数做一个全排列. 从原数组到排序数组 ...

  10. 【转载】Quick 中的触摸事件

    原文地址 http://cn.cocos2d-x.org/article/index?type=quick_doc&url=/doc/cocos-docs-master/manual/fram ...