這篇文章主要介紹“在JS中檢查變量是否為數(shù)組的方式有哪些”，在日常操作中，相信很多人在在JS中檢查變量是否為數(shù)組的方式有哪些問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”在JS中檢查變量是否為數(shù)組的方式有哪些”的疑惑有所幫助！接下來，請跟著小編一起來學(xué)習(xí)吧！

讓客戶滿意是我們工作的目標(biāo)，不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價值的長期合作伙伴，公司提供的服務(wù)項目有：域名與空間、虛擬空間、營銷軟件、網(wǎng)站建設(shè)、黃平網(wǎng)站維護、網(wǎng)站推廣。

下面的代碼片段用于檢查變量或值是否為數(shù)組。在主流的瀏覽器可以使用Array.isArray方法。對于較舊的瀏覽器，可以使用polyfill

const variable = ['?', '?', '?'];  // 主流瀏覽器 Array.isArray(variable);  // 老式瀏覽器 Object.prototype.toString.call(variable) === '[object Array]';

檢查數(shù)組的現(xiàn)代方法

檢查數(shù)組的最佳方法是使用內(nèi)置的Array.isArray()

Array.isArray([]); // true Array.isArray(['?']); // true Array.isArray(new Array('?')); // true

瀏覽器支持

瀏覽器對 Array.isArray()的支持非常好

適用于舊版瀏覽器的 Polyfill

如果需要讓較早的瀏覽器支持，則可以使用此MDN polyfill。

if (!Array.isArray) {   Array.isArray = function(org) {     return Object.prototype.toString.call(org) === '[object Array]'   } }

其它方式：使用 Lodash 或 Underscore

如果你使用的是外部庫，它們也有一些內(nèi)置方法??

Lodash

檢查值是否為數(shù)組對象。

const array = ['?', '?', '?']; const notArray = 'not array';  _.isArray(array); // true _.isArray(notArray); // false

Underscore

如果對象是數(shù)組，返回 true。

const array = ['?', '?', '?']; const notArray = 'not array';  _.isArray(array); // true _.isArray(notArray); // false

為什么我們不能使用typeof?

通常，我們要檢查值的類型，我們只需使用 typeof

typeof 'string'; // 'string' typeof 100; // 'number' typeof true; // 'boolean' typeof false; // 'boolean' typeof function() {}; // 'function' typeof {}; // 'object'  typeof []; // 'object' <-- ?

問題是數(shù)組實際上處于 Object 數(shù)據(jù)類型的保護傘之下。所以typeof  返回值是沒問題。不幸的是，這對我們并沒有什么幫助，因為我們只想檢查值是不是數(shù)組。

typeof

基本類型

在 JS 中有 6 種基本數(shù)據(jù)類型

1. 鴻蒙官方戰(zhàn)略合作共建——HarmonyOS技術(shù)社區(qū)

2. string

3. number

4. bigint

5. boolean

6. undefined

7. symbol

非基本類型 (對象)

對象是指包含數(shù)據(jù)和使用數(shù)據(jù)的指令的數(shù)據(jù)結(jié)構(gòu)。它們是通過引用存儲的

我比較喜歡稱它為“非基本類型 ”，但它們被稱為Object。

1. 鴻蒙官方戰(zhàn)略合作共建——HarmonyOS技術(shù)社區(qū)

2. object

3. array

4. function

盡管當(dāng)我們在函數(shù)上使用typeof來檢查函數(shù)的類型，它返回“ function”，但實際上它是一個對象。

》 MDN：盡管每個 Function 構(gòu)造函數(shù)都是從 Object 構(gòu)造函數(shù)派生的，但它是Function的特殊簡寫形式。

代碼診斷

我收到了很多開發(fā)都提供用來檢查Array的不同解決方案。乍一看，它們似乎是不錯的解決方案。有點遺憾的是，有些問題或極端情況使它們不理想。

Array.length 的問題

const array = ['?', '?', '?'];  array.length; // 3

如果數(shù)組有長度，我們可以假設(shè)它是數(shù)組?

遺憾的是，此解決方案的問題在于還有其他具有長度即即的數(shù)據(jù)類型,如：字符串。因此，這可能導(dǎo)致誤報。

const string = 'not array';  string.length; // 9

即使一個對象也可以有l(wèi)ength屬性:

const object = { length: 2 }; const array = ['?', '?', '?'];  typeof array === 'object' && Boolean(array.length); // true typeof object === 'object' && Boolean(object.length); // true <-- ?

instanceof 的問題

const array = ['?', '?', '?'];  array instanceof Array; // true

這種方法在 ES5 很常見， 在許多情況下，這種可以很好的工作。但是，這有一個陷阱!它不適用于多個上下文(例如 框架  或windows)。因為每個框架在其自己的執(zhí)行環(huán)境中都有不同的作用域。因此，它具有不同的全局對象和不同的構(gòu)造函數(shù)。因此，如果嘗試針對該框架的上下文測試數(shù)組，則該數(shù)組不會返回true，而會錯誤地返回false。

window.frames: frames[]  是窗口中所有命名的框架組成的數(shù)組。這個數(shù)組的每個元素都是一個Window對象，對應(yīng)于窗口中的一個框架。

const frameNode = document.createElement('iframe'); // 創(chuàng)建一個iframe元素節(jié)點 document.body.appendChild(frameNode); // 從我們當(dāng)前的窗口訪問框架 const frameBrowser = window.frames[window.frames.length - 1]; // 訪問我們創(chuàng)建的框架的“數(shù)組”對象 frameArray = frameBrowser.Array;   // 在我們的框架環(huán)境中創(chuàng)建一個新的數(shù)組 const newFrameArray = new frameArray('?', '?', '?');  newFrameArray instanceof Array; // ? false  Array.isArray(newFrameArray); // ? true

構(gòu)造函數(shù)的問題

const array = ['?', '?', '?'];  array.constructor === Array; // true

這是另一個很好的解決方案。不幸的是，這和instanceof有同樣的問題。它也不能在多個上下文中工作。

// ...  newFrameArray.constructor === Array; // ? false  Array.isArray(newFrameArray); // ? true

到此，關(guān)于“在JS中檢查變量是否為數(shù)組的方式有哪些”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識，請繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>
分享名稱：在JS中檢查變量是否為數(shù)組的方式有哪些
鏈接地址：http://weahome.cn/article/pehgei.html