JavaScript 判断数组和对象

有时候,我们需要识别一个变量是数组还是对象,例如进行深拷贝时。

这里提供三种方法识别数组还是对象。

1. Array.isArray()

Array.isArray() 用于确定传递的值是否是一个Array。

JavaScript 判断数组和对象_第1张图片

2. constructor

数组的构造函数是Array(),而对象的构造函数是Object()。所以我们判断一个变量是数组还是对象可以查看它的构造函数。

JavaScript 判断数组和对象_第2张图片

3. instanceof 

补充:A instanceof B 判断A的原型链上是否有B的原型

比如 数组[1,2]的原型链上有Array和Object,所以[1,2] instanceof Array,[1,2] instanceof Object都会返回true

而对象{'a':123}的原型链上只有Object,所以{'a':123} instanceof Array会返回false,而{'a':123} instanceof Object会返回true

所以我们判断一个变量是数组还是对象可以查看它的原型链上是否有Array。

JavaScript 判断数组和对象_第3张图片

4. Object.prototype.toString.call()

通过改变toString函数中this的指向,判断参数的类型

JavaScript 判断数组和对象_第4张图片


注意:在跨域判断时,instanceof 会失效,toString 方法有效

你可能感兴趣的:(前端,JavaScript)