JS判斷數組的N種方法

1、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);

2、constructor判斷

用法:arr.constructor === Array
Object的每一個實例都有構造函數 constructor,用於保存着用於建立當前對象的函數函數

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

3、instanceof 判斷

用法:arr instanceof Array
instanceof 主要是用來判斷某個實例是否屬於某個對象測試

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

注:instanceof操做符的問題在於,它假定只有一個全局環境。若是網頁中包含多個框架,那實際上就存在兩個以上不一樣的全局執行環境,從而存在兩個以上不一樣版本的Array構造函數。若是你從一個框架向另外一個框架傳入一個數組,那麼傳入的數組與在第二個框架中原生建立的數組分別具備各自不一樣的構造函數。(紅寶書88頁上的原話)prototype

4、原型鏈上的isPrototypeOf判斷

用法:Array.prototype.isPrototypeOf(arr)
Array.prototype  屬性表示 Array 構造函數的原型
isPrototypeOf()能夠用於測試一個對象是否存在於另外一個對象的原型鏈上。code

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

5、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

6、Array 原型鏈上的 isPrototypeOf

用法:Array.prototype.isPrototypeOf(arr)
Array.prototype  屬性表示 Array 構造函數的原型ip

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類型的構造函數
相關文章
相關標籤/搜索