JS判斷是否是數組


  1、通過instanceof判斷

instanceof運算符用於檢驗構造函數的prototype屬性是否出現在對象的原型鏈中的任何位置,返回一個布爾值。

let a = [];
a instanceof Array; //true
let b = {};
b instanceof Array; //false

在上方代碼中,instanceof運算符檢測Array.prototype屬性是否存在於變量a的原型鏈上,顯然a是一個數組,擁有Array.prototype屬性,所以為true。

需要注意的是,prototype屬性是可以修改的,所以並不是最初判斷為true就一定永遠為真。

其次,當我們的腳本擁有多個全局環境,例如html中擁有多個iframe對象,instanceof的驗證結果可能不會符合預期,例如:

//為body創建並添加一個iframe對象
var iframe = document.createElement('iframe');
document.body.appendChild(iframe);
//取得iframe對象的構造數組方法
xArray = window.frames[0].Array;
//通過構造函數獲取一個實例
var arr = new xArray(1,2,3); 
arr instanceof Array;//false

導致這種問題是因為iframe會產生新的全局環境,它也會擁有自己的Array.prototype屬性,讓不同環境下的屬性相同很明顯是不安全的做法,所以Array.prototype !== window.frames[0].Array.prototype,想要arr instanceof Array為true,你得保證arr是由原始Array構造函數創建時才可行。

  2、通過constructor判斷

我們知道,實例的構造函數屬性constructor指向構造函數,那么通過constructor屬性也可以判斷是否為一個數組。

let a = [1,3,4];
a.constructor === Array;//true

同樣,這種判斷也會存在多個全局環境的問題,導致的問題與instanceof相同。

  3、通過Object.prototype.toString.call()判斷

Object.prototype.toString().call()可以獲取到對象的不同類型,多個全局環境也適用

 

// 檢驗是否是數組
  let a = [1,2,3]
  Object.prototype.toString.call(a) === '[object Array]';//true
  //檢驗是否是函數
  let b = function () {};
  Object.prototype.toString.call(b) === '[object Function]';//true
  //檢驗是否是數字
  let c = 1;
  Object.prototype.toString.call(c) === '[object Number]';//true

  4、通過Array.isArray()判斷

簡單好用,而且對於多全局環境,Array.isArray() 同樣能准確判斷,但有個問題,Array.isArray() 是在ES5中提出,也就是說在ES5之前可能會存在不支持此方法的情況。

let a = [1,2,3]
Array.isArray(a);//true

  最終推薦方法

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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM