JS如何判斷數組

這篇文章主要為大家展示了“JS如何判斷數組”，內容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領大家一起研究并學習一下“JS如何判斷數組”這篇文章吧。

typeof運算符

typeof會返回這個類型的字符串

 var a = '123'
 console.log(typeof(a)) //string
 var b = []
 console.log(typeof(b)) //object
 var c = {}
 console.log(typeof(c)) //object
 var d = null
 console.log(typeof(d)) //object

上述看到 數組 對象 null 用typeof返回都是object 這種方法不能識別出是否為數組

原型contructor鏈方法

實例化有一個contructor屬性 這個屬性指向生成對象 數組的方法

 var a = []
 console.log(a.__proto__.constructor) //? Array() { [native code] }
 var b = {}
 console.log(b.__proto__.constructor) //? Object() { [native code] }

上述看到 數組是由Array函數實例化的 對象由Object函數實例化來得

感覺這種方法是可以了 但是 constructor這個屬性是可以被改寫的

  var a = []
  a.__proto__.constructor = Object
  console.log(a.__proto__.constructor) //? Object() { [native code] }

可以看到 這個是 變成了數組判斷成了對象 所以這個方法也不是最好的

instanceof

這個方法是判斷某個構造函數的prototype屬性所指向的對象是否在另外一個要檢測對象的原型鏈上

  var a = []
  console.log(a instanceof Array) //a對象的原型鏈上能找到Array true
  console.log(a instanceof Object) //true 原型鏈上也能找到對象

上述這種也不是特別好 判斷不出是數組還是對象

通用的方法 toString

toString() 方法返回放映這個對象的字符串

  var a= '123'
  console.log(a.toString()) //123
  var b = [1,2,3]
  console.log(b.toSting()) //1,2,3
  var c = {}
  console.log(c.toString)) //[object Object]

可以看到只有對象返回對象類型

返回[object type] type代表對象的類型

判斷對象用Object的toString的方法拿過來用

 var a =[]
 Object.prototype.toString.call(a) //[object Array]

這個對象 toString方法是可以判斷出是否為數組

但是這里注意下有個情況就是對象原型上toString() 也是可以更改的

Array.isArray(XX)

個人感覺還是使用通用方法 toString() 方法靠譜

以上是“JS如何判斷數組”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！