使用JS如何判斷是否為數組

今天小編給大家分享的是使用JS如何判斷是否為數組，相信很多人都不太了解，為了讓大家更加了解，所以給大家總結了以下內容，一起往下看吧。一定會有所收獲的哦。

一、Array.isArray判斷

用法：Array.isArray(arr)

ES5中新增了Array.isArray方法,IE8及以下不支持

Array.isArray() 用于確定傳遞的值是否是一個[Array]， 返回布爾值 true；否則它返回 false。

let arr = [];
console.log(Array.isArray(arr)); // true

// 下面的函數調用都返回 true
Array.isArray([]);
Array.isArray([1]);
Array.isArray(new Array());
Array.isArray(new Array('a', 'b', 'c', 'd'))
// 鮮為人知的事實：其實 Array.prototype 也是一個數組。
Array.isArray(Array.prototype);

二、constructor判斷

用法：arr.constructor === Array

Object的每個實例都有構造函數 constructor，用于保存著用于創建當前對象的函數

let arr = [];
console.log(arr.constructor === Array); // true

三、instanceof 判斷

用法：arr instanceof Array

instanceof 主要是用來判斷某個實例是否屬于某個對象

let arr = [];
console.log(arr instanceof Array); // true

注：instanceof操作符的問題在于，它假定只有一個全局環境。如果網頁中包含多個框架，那實際上就存在兩個以上不同的全局執行環境，從而存在兩個以上不同版本的Array構造函數。如果你從一個框架向另一個框架傳入一個數組，那么傳入的數組與在第二個框架中原生創建的數組分別具有各自不同的構造函數。（紅寶書88頁上的原話）

四、原型鏈上的isPrototypeOf判斷

用法：Array.prototype.isPrototypeOf(arr)

Array.prototype  屬性表示 Array 構造函數的原型

isPrototypeOf()可以用于測試一個對象是否存在于另一個對象的原型鏈上。

let arr = [];
console.log(Array.prototype.isPrototypeOf(arr)); // true

五、Object.prototype.toString

用法：Object.prototype.toString.call(arr) === '[object Array]'

Array繼承自Object，JavaScript在Array.prototype上重寫了toString，toString.call(arr)實際上是通過原型鏈調用了。

let arr = [];
console.log(Object.prototype.toString.call(arr) === '[object Array]'); // true

六、Array 原型鏈上的 isPrototypeOf

用法：Array.prototype.isPrototypeOf(arr)

Array.prototype  屬性表示 Array 構造函數的原型

let arr = [];
console.log(Array.prototype.isPrototypeOf(arr)); // true

順便復習一下typeof的用法：

對于引用類型，不能用typeof來判斷，因為返回的都是object

// 基本類型
typeof 123;  //number
typeof "abc"; //string
typeof true; //boolean
typeof undefined; //undefined
typeof null; //object
var s = Symbol;
typeof s; //symbol

// 引用類型
typeof [1,2,3]; //object
typeof {}; //object
typeof function(){}; //function
typeof  Array; //function  Array類型的構造函數
typeof Object; //function  Object類型的構造函數
typeof Symbol; //function  Symbol類型的構造函數
typeof Number; //function  Number類型的構造函數
typeof String; //function  String類型的構造函數
typeof Boolean; //function  Boolean類型的構造函數

關于使用JS如何判斷是否為數組就分享到這里了，希望以上內容可以對大家有一定的參考價值，可以學以致用。如果喜歡本篇文章，不妨把它分享出去讓更多的人看到。