JavaScript判斷一個對象是否為數組的方法有哪些

這篇文章主要介紹了JavaScript判斷一個對象是否為數組的方法有哪些，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

在 JS 中使用數組是一種常見操作，有時在開發中，獲得一個需要作為數組的變量，但是我們不確定它是否是數組，那要怎么去判斷是否為數組呢?

JS 中的非原始數據類型都是對象（函數具有自己的類型，但它們也是對象）。 因此，僅使用typeof運算符來判斷是不夠的：

let result = { subject: 'Science', marks: 97 };
let numbers = [1, 2, 3, 4, 5];

console.log(typeof result); // Object
console.log(typeof numbers); // Object

在本文中，我們來研究如何在 JS 中檢查給定變量或值是否為數組。【相關教程推薦：JavaScript視頻教程】

使用 Array.isArray() 方法

顧名思義，此方法可用于識別給定參數是否為數組，它返回一個布爾值（true/false）和結果。

例如，使用以下變量，Array.isArray()方法可以正確判斷是否為數組：

let result = { subject: "Science", marks: 97 }; // Object
let numbers = [1, 2, 3, 4, 5]; // Array
let name = "Mark"; // String
let names = new Array("Jill", "Jane", "Jacqueline");

console.log(Array.isArray(result)); // false
console.log(Array.isArray(numbers)); // true
console.log(Array.isArray(name)); // false
console.log(Array.isArray(names)); // true

使用對象的構造函數屬性

每個對象都有一個constructor 屬性(除了使用object.create(null)創建的對象，這種情況不太可能出現)。我們可以直接將constructor 屬性與 JS 的構造函數進行比較。因此，如果我們將它與數組構造函數進行比較，就會知道它是否是數組。

注意:構造函數是用來初始化對象的函數。如果使用new關鍵字創建了一個對象，那么使用的是構造函數。例如，在let myArray = new Array(1,2)中，使用的構造函數是Array()。

可以使用constructor 屬性來確定變量是否是數組:

let result = { subject: "Science", marks: 97 };
let numbers = [1, 2, 3, 4, 5];
let name = "Mark";
let names = new Array("小智", "小力", "小吳");

console.log(result.constructor === Array); // false
console.log(numbers.constructor === Array); // true
console.log(name.constructor === Array); // false
console.log(names.constructor === Array); // true

使用 instanceof 運算符

instanceof運算符檢查是否在對象的原型鏈中找到構造函數。

像typeof運算符一樣，它返回布爾值。 要確定變量是否為數組，可以使用instanceof，如下所示：

let result = { subject: "Science", marks: 97 };
let numbers = [1, 2, 3, 4, 5];
let name = "Mark";
let names = new Array("小智", "小力", "小吳");

console.log(result instanceof Array); // false
console.log(numbers instanceof Array); // true
console.log(name instanceof Array); // false
console.log(names instanceof Array); // true

使用 Object.prototype.call() 方法

JS 中的所有對象均從主原型對象繼承屬性，該對象命名為Object.prototype。 Object.prototype中存在toString()方法，這是每個對象都有自己的toString()方法的原因， Object.prototype的 toString()方法顯示對象的類型。

對象的call()方法執行一個函數，但將this 值更改為傳入參數的對象，例如，它允許一個對象使用另一個對象的方法。

因此，我們可以使用Object.prototype.toString()來打印類型，然后使用call()來處理另一個對象，然后比較這個字符串值以確定它是否是一個數組。

let result = { subject: "Science", marks: 97 };
let numbers = [1, 2, 3, 4, 5];
let name = "Mark";
let names = new Array("小智", "小力", "小吳");

console.log(Object.prototype.toString.call(result)); // [object Object]
console.log(Object.prototype.toString.call(numbers)); // [object Array]
console.log(Object.prototype.toString.call(name)); // [object String]
console.log(Object.prototype.toString.call(names)); // [object Array]

console.log(Object.prototype.toString.call(result) === "[object Array]"); // false
console.log(Object.prototype.toString.call(numbers) === "[object Array]"); // true
console.log(Object.prototype.toString.call(name) === "[object Array]"); // false
console.log(Object.prototype.toString.call(names) === "[object Array]"); // true

我們不太可能使用這個方法，但是了解更多關于 JS 對象的知識是沒有壞處的

感謝你能夠認真閱讀完這篇文章，希望小編分享的“JavaScript判斷一個對象是否為數組的方法有哪些”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，更多相關知識等著你來學習!