腳本之家服務(wù)器常用軟件

快捷導(dǎo)航

JavaScript判斷數(shù)組的方法總結(jié)與推薦

更新時間：2022年02月16日 10:08:28 作者：前端阿飛

這篇文章主要給大家介紹了關(guān)于JavaScript判斷數(shù)組方法的相關(guān)資料,文中通過實例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下

前言

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

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

根據(jù)構(gòu)造函數(shù)判斷（媽媽）

instanceof

判斷一個實例是否屬于某構(gòu)造函數(shù)

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

缺點： instanceof 底層原理是檢測構(gòu)造函數(shù)的 prototype 屬性是否出現(xiàn)在某個實例的原型鏈上，如果實例的原型鏈發(fā)生變化，則無法做出正確判斷。

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

constructor

實例的構(gòu)造函數(shù)屬性 constructor 指向構(gòu)造函數(shù)本身。

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

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

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

根據(jù)原型對象判斷（爸爸）

proto

實例的 __ proto __ 指向構(gòu)造函數(shù)的原型對象

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

缺點： 同上

根據(jù) Object 的原型對象判斷（祖先）

Object.prototype.toString.call()

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

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 新增的方法，專門用于數(shù)組類型判斷，原理同上。

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

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

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

總結(jié)

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

到此這篇關(guān)于JavaScript判斷數(shù)組方法的文章就介紹到這了,更多相關(guān)JavaScript判斷數(shù)組方法內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线