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 物件的知識是沒有壞處的

總結

在本文中，我們研究了JS 中確定物件是否為數組的幾種方法。最簡單的方法是Array.isArray()方法，以後大部小夥伴可能就是用它了。

但是，我們也可以利用instanceof運算子和其他物件屬性來確定它是否為陣列。

原文網址：https://stackabuse.com/javascript-check-if-object-is-array/

作者：Guest Contributor

#翻譯網址：https://segmentfault.com/a/1190000038661505

更多程式相關知識，請造訪：程式設計影片！ ！

以上是JavaScript判斷一個物件是否為陣列的幾種方法（總結）的詳細內容。更多資訊請關注PHP中文網其他相關文章！