js如何判断数组和对象

引言

在 JavaScript 开发中，我们频繁需要判断一个变量是否为数组或对象。由于 JavaScript 是一种动态类型语言，从而并没有像一些静态类型语言那样直接的方法来判断一个变量的类型。但是，我们可以通过一些内置的属性和方法来实现这一目的。

判断数组

以下是几种在 JavaScript 中判断一个变量是否为数组的方法：

方法一：使用 Array.isArray()

这是最推荐的一种方法，它是 ES5 中引入的，由此对旧版浏览器大概不兼容。

if (Array.isArray(variable)) {
    console.log('这是一个数组');
} else {
    console.log('这不是一个数组');
}

方法二：使用 instanceof

这种方法可以判断变量是否为某个对象的实例，但需要注意，在多个框架或窗口（例如 iframe）中，它大概无法正确判断。

if (variable instanceof Array) {
    console.log('这是一个数组');
} else {
    console.log('这不是一个数组');
}

方法三：使用 Object.prototype.toString.call()

这是一种比较全面的跨框架判断方法。

if (Object.prototype.toString.call(variable) === '[object Array]') {
    console.log('这是一个数组');
} else {
    console.log('这不是一个数组');
}

判断对象

在 JavaScript 中，所有的对象（包括数组）都是 Object 的实例，由此我们不能仅通过 typeof 来判断。以下是几种判断对象的方法：

方法一：使用 typeof 和 instanceof

这种方法不能精确判断一个变量是否为纯粹的对象，考虑到它会把数组也视为对象。

if (typeof variable === 'object' && variable !== null && !Array.isArray(variable)) {
    console.log('这是一个对象');
} else {
    console.log('这不是一个对象');
}

方法二：使用 Object.prototype.toString.call()

类似于判断数组的方法，我们可以用这个方法来判断是否为对象。

if (Object.prototype.toString.call(variable) === '[object Object]') {
    console.log('这是一个对象');
} else {
    console.log('这不是一个对象');
}

结语

以上就是 JavaScript 中判断数组和对象的一些常用方法。在实际开发中，应选用实际场景和兼容性要求选择合适的方法。

本文由IT视界版权所有,禁止未经同意的情况下转发