怎么判断一个对象是不是数组类型
alert(typeof 1); // 返回字符串"number"
alert(typeof "1"); // 返回字符串"string"
alert(typeof true); // 返回字符串"boolean"
alert(typeof undefined); // 返回字符串"undefined"
alert(typeof function(){}); // 返回字符串"function"
alert(typeof {}); // 返回字符串"object"
alert(typeof []); // 返回字符串"object "
alert(typeof null); // 返回字符串"object"
其中,typeof {}和typeof []的结果都是object,那么问题来了,我怎么通过typeof去判断一个对象是不是数组类型呢?
对象是对象,数组也是对象,js中万物皆对象,很显然,通过简单的typeof运算符是不能够达到目的,我们得换个方法。
可以尝试以下几种方法:
1、从原型入手,Array.prototype.isPrototypeOf(obj);
利用isPrototypeOf()方法,判定Array是不是在obj的原型链中,如果是,则返回true,否则false。
Array.prototype.isPrototypeOf([]);//true
Array.prototype.isPrototypeOf({});//false
2、也可以从构造函数入手,obj instanceof Array
先说说 typeof 和 instanceof 的区别?
两者都可以用来判断变量,typeof会返回基本类型,如文章开头,我们很简单可以用
typeof a != 'undefined' 判断a变量存在。而instanceof只会返回一个布尔值,那么我们试试,结果如下:
"a" instanceof Array; //false
[] instanceof Array ; //true
上面的方法其实也可以用对象constructor属性,因为在js中每个对象都有constructor属性,这种也常用作判断未知对象的类型。
例如:typeof arr == "object" && arr.constructor == Array; //先判断是对象再进一步判断。
那样是不是这个方法就ok了?别开心那么早,坑总是会有的。
在一些跨框架的页面中的数组,使用该方法可能不会那么顺利,原因是在不同的框架中创建的数组不会相互共享其prototype属性。
3、Array.isArray()方法。
Array.isArray([])//true
Array.isArray("123")//false
-----------------------------------------------------------------------------------------------------------------------------------------------------
// 判断一个变量是对象 还是数组
//第一种方法 instance of ()
var arr1 = [1, 2, 3];
var Obj1 = { name: "羊要飞", age: "23" };
console.log(arr1 instanceof Array); //true
console.log(Obj1 instanceof Object); // false
console.log("----------------------")
// 第二种方法 通过constructor
var arr2 = [2, 3, 4];
var obj2 = { name: "杨家将", heros: "杨六郎" };
console.log(arr2.constructor === Array); // true
console.log(obj2.constructor === Array); // false
console.log("----------------------")
// 第三种方法
var arr3 = [1, 2, 3, 1];
var arr4 = [{ abac: 1, abc: 2 }];
function isArrayFn(value) {
if (typeof Array.isArray === "function") {
return Array.isArray(value);
} else {
return Object.prototype.toString.call(value) === "[object Array]";
}
}
console.log(isArrayFn(arr3)); // true
console.log(isArrayFn(arr4)); // true
console.log("----------------------")
// 第四种方法 数组方法 isArray() Array.isArray(variable); 最好用的一种
var arr5 = [4,5,6]
var obj3 = {name: '前端开发', age: '23'}
console.log(Array.isArray(arr5)) //true
console.log(Array.isArray(obj3)) //false