js如何判断数组

JavaScript012

js如何判断数组,第1张

1、数组自带方法 Array.isArray(arr)//返回true或false

2、判断该变量的构造函数是否为Array

arr.constructor==Array

3、通过instanceof判断

arr instanceof Array

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

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

instanceof 用于判断一个变量是否某个对象的实例,左边操作数是一个对象,右边操作数是一个函数对象或者函数构造器。原理是通过判断左操作数的对象的原型链上是否具有右操作数的构造函数的prototype属性。

a instanceof b?alert("true"):alert("false") //注意b值是你想要判断的那种数据类型,不是一个字符串,比如Array。

举一个例子:

var arr=[]

console.log(arr instanceof Array) //返回true

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

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

注意:

使用instaceof和construcor,被判断的array必须是在当前页面声明的!比如,一个页面(父页面)有一个框架,框架中引用了一个页面(子页面),在子页面中声明了一个array,并将其赋值给父页面的一个变量,这时判断该变量,Array ==object.constructor会返回false;

原因:

1、array属于引用型数据,在传递过程中,仅仅是引用地址的传递。

2、每个页面的Array原生对象所引用的地址是不一样的,在子页面声明的array,所对应的构造函数,是子页面的Array对象;父页面来进行判断,使用的Array并不等于子页面的Array。

isPrototypeOf() 函数 : 用于指示对象是否存在于一个对象的原型链中。如果存在返回true,反之返回false。该方法属Object对象,由于所有的对象都继承了Object的对象实例,因此几乎所有的实例对象都可以使用该方法。如果variable的原型链中存在Array对象,就会返回true,也就说明variable是数组类型。

分别是普通对象,数组对象和日期对象

用双下划线proto获取对象的原型对象再与数组的原型对象作比较,返回ture为数组,false则不是

翻译成人话就是数组的原型对象是obj1的原型对象么,会返回一个布尔值,

与以上两种方法相同,返回ture为数组,false则不是

对象会继承原型对象的constructor 属性,所以可以用此属性找到对象的构造函数

再根据构造函数来判断是否该对象为数组对象

所以new出来的obj2则为Array(数组对象)的一个实例

所以可以用instanceof 实例进行判断

因为前几种方式都存在一定的缺陷

比如

则在控制台查看obj1都会是ture

而第六种则不会,在每个对象创建时都会有一个隐藏的值类型,用对象名加点访问不到

Object对象和它的原型链上各自有一个toString()方法,第一个返回的是一个函数,第二个返回的是值类型。

所以任何对象可以使用call()去使用Object.toString的函数

只要跟输出结果相比较就可以得出布尔值

直接返回布尔值,不用加等号