JavaScript 判断数组的几种方法及优缺点分析

JavaScript 数组的基本特性

JavaScript 判断一个对象为数组的方法

数组对象

JavaScript 中的数组是无类型的，这意味着数组内的元素可以是任意数据类型，且同一数组中的不同元素类型可以互不相同。由于数组元素可以包含对象或其他数组，因此能够构建出复杂的数据结构。

通常，我们可以使用一元运算符 typeof 来检测 JavaScript 的数据类型。然而，对于数组这一特殊对象，typeof 运算符只能返回 "object"，无法直接区分数组与普通对象。

typeof [1,2,3]
"object"
typeof 100
"number"
typeof false
"boolean"
typeof undefined
"undefined"
typeof NaN
"number"
typeof function(){}
"function"
typeof null
"object"

常见的数组判断方法

判断数组的方法

instanceof

instanceof 是一个二元运算符。其左操作数必须是一个对象，否则返回 false；右操作数必须是一个函数对象或函数构造器，否则也返回 false。其原理是检查左操作数的对象的原型链上是否存在右操作数构造函数的 prototype 属性。

[1,2] instanceof Array 
true

Array.isArray(arr)

这是 ES5 新增的一个 Array 静态方法，用于判断传入的对象是否为数组。

Array.isArray([1,2])
true

如果页面中包含多个 frame，则存在多个 window 对象，每个 window 都有自己的 Array 构造函数。例如，在确定子 window 中的某个数组是否属于 Array 时，使用 instanceof 方法可能会失效。

var fr=window.frames[0];
fr.onload=function(){
  console.log(fr.arr instanceof Array);//false
  console.log(Array.isArray(fr.arr));//true
  //arr是另外一个页面的一个数组
}

Object.prototype.toString.call(arr) === “[object Array]”

Object.prototype.toString.call([1,2])
"[object Array]"

arr.constructor.name===’Array’

[1,2].constructor.name==='Array';
true

但是，对象的 constructor 属性可以被人为改写。一旦改写，使用该方法进行判断将不再准确。

var arr=[1,2];
arr.constructor={};
arr.constructor.name === "Array" //undefined
false

其他方法 可以通过检查数组独有的方法来判断该对象是否为数组，例如 join、push 等方法的存在性。

var c=[1,2];
c.push('3');//3
console.log(c)
[1, 2, "3"]

var c="12";
c.push('3');
//Uncaught TypeError: c.push is not a function(…)


var c=[1,2];
c.join('');
"12"

var c='12';
c.join('');
//Uncaught TypeError: c.join is not a function(…)

方法总结与建议

总结

通过上述几种判断对象是否为数组的方法分析，使用 Array.isArray(arr) 和 Object.prototype.toString.call(arr) 是较为推荐的做法。

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！