JavaScript判斷數組的方法總結與推薦

Posted on by

前言

無論在工作還是面試中，我們都會遇到判斷一個數據是否為數組的需求，今天我們就來總結一下，到底有多少方法可以判斷數組，看看哪種方法是最好用、最靠譜的。

我們從媽媽、爸爸、祖先三個角度來進行判斷。

根據構造函數判斷（媽媽）

instanceof

判斷一個實例是否屬於某構造函數

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

缺點： instanceof 底層原理是檢測構造函數的 prototype 屬性是否出現在某個實例的原型鏈上，如果實例的原型鏈發生變化，則無法做出正確判斷。

let arr = []
arr.__proto__ = function() {}
console.log(arr instanceof Array) // false

constructor

實例的構造函數屬性 constructor 指向構造函數本身。

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

缺點： 如果 arr 的 constructor 被修改，則無法做出正確判斷。

let arr = []
arr.constructor = function() {}
console.log(arr.constructor === Array) // false

根據原型對象判斷（爸爸）

__ proto __

實例的 __ proto __ 指向構造函數的原型對象

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

缺點：  如果實例的原型鏈的被修改，則無法做出正確判斷。

let arr = []
arr.__proto__ = function() {}
console.log(arr.__proto__ === Array.prototype) // false

Object.getPrototypeOf()

Object 自帶的方法，獲取某個對象所屬的原型對象

let arr = []
console.log(Object.getPrototypeOf(arr) === Array.prototype) // true

缺點：  同上

Array.prototype.isPrototypeOf()

Array 原型對象的方法，判斷其是不是某個對象的原型對象

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

缺點：  同上

根據 Object 的原型對象判斷（祖先）

Object.prototype.toString.call()

Object 的原型對象上有一個 toString 方法，toString 方法默認被所有對象繼承，返回 "[object type]" 字符串。但此方法經常被原型鏈上的同名方法覆蓋，需要通過 Object.prototype.toString.call() 強行調用。

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

這個類型就像胎記，一出生就刻在瞭身上，因此修改原型鏈不會對它造成任何影響。

let arr = []
arr.__proto__ = function() {}
console.log(Object.prototype.toString.call(arr) === '[object Array]') // true

Array.isArray()

Array.isArray() 是 ES6 新增的方法，專門用於數組類型判斷，原理同上。

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

修改原型鏈不會對它造成任何影響。

let arr = []
arr.__proto__ = function() {}
console.log(Array.isArray(arr)) // true

總結

以上就是判斷是否為數組的常用方法，相信不用說大傢也看出來 Array.isArray 最好用、最靠譜瞭吧，還是ES6香！

到此這篇關於JavaScript判斷數組方法的文章就介紹到這瞭,更多相關JavaScript判斷數組方法內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet！

推薦閱讀：