Js中如何判断一个对象为数组类型
2017-02-13 20:14
726 查看
在说明如何判断一个对象为数组类型前,我们先巩固下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"){}。
接下来看一些例子:
除了前四个类型外,null、对象、数组返回的都是object类型;对于函数类型返回的则是function,再比如typeof(Date),typeof(eval)等。接下来进入正题,js判断数组类型的方法。
方法一: instanceof
instanceof 用于判断一个变量是否某个对象的实例,左边操作数是一个对象,右边操作数是一个函数对象或者函数构造器。原理是通过判断左操作数的对象的原型链上是否具有右操作数的构造函数的prototype属性。
a instanceof b?alert("true"):alert("false") //注意b值是你想要判断的那种数据类型,不是一个字符串,比如Array。
举一个例子:
方法二之 constructor
在W3C定义中的定义:constructor 属性返回对创建此对象的数组函数的引用,就是返回对象相对应的构造函数。从定义上来说跟instanceof不太一致,但效果都是一样的。
那么判断各种类型的方法:
使用instaceof和construcor,被判断的array必须是在当前页面声明的!比如,一个页面(父页面)有一个框架,框架中引用了一个页面(子页面),在子页面中声明了一个array,并将其赋值给父页面的一个变量,这时判断该变量,Array ==object.constructor;会返回false;
原因:
1、array属于引用型数据,在传递过程中,仅仅是引用地址的传递。
2、每个页面的Array原生对象所引用的地址是不一样的,在子页面声明的array,所对应的构造函数,是子页面的Array对象;父页面来进行判断,使用的Array并不等于子页面的Array。
方法三 最简单的方法
Object.prototype.toString.call(arr) === “[object Array]”
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]‘; }
相关文章推荐
- js 如何判断一个对象是不是数组
- Javascript如何判断一个变量是普通变量还是数组还是对象?
- js如何判断一个对象是不是Array?
- js如何判断一个对象是不是Array?
- 如何判断一个对象是数组
- 如何判断一个变量是数组Array类型
- 20140810 关于js中如何判断一个对象{}是否为空
- 判断一个js对象是不是数组
- js如何判断一个数组中是否有重复的值
- js如何判断一个对象{}是否为空对象,没有任何属性
- js如何判断一个对象是不是Array?
- 如何用js判断document里的一个对象是否存在?或是是否有效
- js如何判断一个对象是不是Array?
- 如何判断一个对象是否是基本类型的Wrapper
- javascript如何判断一个对象是不是数组
- 从javascript判断一个对象是否为数组中学习js语法
- 如何判断一个变量是数组Array类型
- JavaScript中如何判断变量是数组、函数或是对象类型
- js里怎么判断一个对象是否是日期类型,即Date,用typeof返回的是object
- javascript 如何判断一个对象的类型