Js中如何判断一个对象为数组类型

  在说明如何判断一个对象为数组类型前,我们先巩固下js的数据类型,js一共有六大数据类型:number、string、object、Boolean、null、undefined。

  • string: 由单引号或双引号来说明,如"string";
  • number:数组类型,比如整数、小数等;
  • Boolean: 有两个值:true、false;
  • undefined:未定义,就是你创建一个变量后却没给它赋值;
  • null: 顾名思义,null就是没有,什么也不表示;
  • object: 除了上面五种之外的类型。

      js的数组是无类型的:数组元素可以是任意类型,并且同一个数组中的不同元素也可能有不同的类型。数组的元素可以是对象或其他数组,这样就可以创建复杂的数据结构。通常我们可以用一元运算符typeof来判断js的数据类型,但是对于数组这样一个特殊的对象却只能返回"object"。
    typeof可以解决大部分的数据类型判断,是一个一元运算,放在一个运算值之前,其返回值为一个字符串,该字符串说明运算数的类型,所以判断某个是否为String类型,可以直接 if(typeof(你的值) == "string"){}。
    接下来看一些例子:

var str="string";
    console.log(str); //string
 
    var num=1;
    console.log(num); //number
 
    var bn=false;
    console.log(bn); //boolean
 
    var a;
    console.log(typeof a); //undfined
 
    var obj = null;
    console.log(typeof obj); //object
 
    var doc = document;
    console.log(typeof doc);//object
 
    var arr = [];
    console.log(arr); //object
 
    var fn = function(){};
    console.log(typeof fn); //function   除了可以判断数据类型还可以判断function类型


      除了前四个类型外,null、对象、数组返回的都是object类型;对于函数类型返回的则是function,再比如typeof(Date),typeof(eval)等。接下来进入正题,js判断数组类型的方法。

方法一: instanceof

      instanceof 用于判断一个变量是否某个对象的实例,左边操作数是一个对象,右边操作数是一个函数对象或者函数构造器。原理是通过判断左操作数的对象的原型链上是否具有右操作数的构造函数的prototype属性。
a instanceof b?alert("true"):alert("false")  //注意b值是你想要判断的那种数据类型,不是一个字符串,比如Array。
举一个例子:

var arr=[];
console.log(arr instanceof Array) //返回true 


方法二之 constructor

     在W3C定义中的定义:constructor 属性返回对创建此对象的数组函数的引用,就是返回对象相对应的构造函数。从定义上来说跟instanceof不太一致,但效果都是一样的。

那么判断各种类型的方法:

console.log([].constructor == Array);
console.log({}.constructor == Object);
console.log("string".constructor == String);
console.log((123).constructor == Number);
console.log(true.constructor == Boolean);


注意:
      使用instaceof和construcor,被判断的array必须是在当前页面声明的!比如,一个页面(父页面)有一个框架,框架中引用了一个页面(子页面),在子页面中声明了一个array,并将其赋值给父页面的一个变量,这时判断该变量,Array ==object.constructor;会返回false;
原因:
1、array属于引用型数据,在传递过程中,仅仅是引用地址的传递。
2、每个页面的Array原生对象所引用的地址是不一样的,在子页面声明的array,所对应的构造函数,是子页面的Array对象;父页面来进行判断,使用的Array并不等于子页面的Array。
方法三 最简单的方法   Object.prototype.toString.call(arr) === “[object Array]”

function isArray(o) {
    return Object.prototype.toString.call(o) === ‘[object Array]‘;
}

--------------------- 
原文:https://blog.csdn.net/u010297791/article/details/55049619 
 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值