此處提供可供驗證的數據類型
|
1
2
3
4
5
6
7
8
9
|
let a = [1,2,3,4,5,6]; let b = [ {name: '張飛', type: 'tank'}, {name: '關羽', type: 'soldier'}, {name: '劉備', type: 'shooter'}, ]; let c = 123; let d = 'www'; let e = {name: '安琪拉', type: 'mage'}; |
1.通過Array.isArray()
Array.isArray()能判斷一個元素是否為數組，如果是就返回true，否則就返回false
|
1
2
3
4
5
|
console.log(Array.isArray(a)); // true console.log(Array.isArray(b)); // true console.log(Array.isArray(c)); // false console.log(Array.isArray(d)); // false console.log(Array.isArray(e)); // false |
2.通過instanceof判斷
instanceof運算符用于檢測某個實例是否屬于某個對象原型鏈中
|
1
2
3
4
5
|
console.log(a instanceof Array); // true console.log(b instanceof Array); // true console.log(c instanceof Array); // false console.log(d instanceof Array); // false console.log(e instanceof Array); // false |
還可以用于判斷對象
|
1
|
console.log(e instanceof Object); // true |
判斷是否為數組就是檢測Arrray.prototype屬性是否存在于變量數組（a,b）的原型鏈上，顯然a,b為數組，擁有Arrray.prototype屬性，所以為true
3.通過對象構造函數的constructor判斷
Obiect的每個實例都有構造函數constructor，保存著創建每個對象的函數
|
1
2
|
console.log(a.constructor === Array); // trueconsole.log(b.constructor === Array); // true |
以下包含判斷其它的數據類型驗證
|
1
2
3
|
console.log(c.constructor === Number); // trueconsole.log(d.constructor === String); // trueconsole.log(e.constructor === Object); // true |
4.通過Object.prototype.toString.call()判斷
通過原型鏈查找調用
|
1
2
|
console.log(Object.prototype.toString.call(a) === '[object Array]'); // trueconsole.log(Object.prototype.toString.call(b) === '[object Array]'); // true |
以下包含判斷其它的數據類型驗證
|
1
2
3
|
console.log(Object.prototype.toString.call(c) === '[object Number]'); // trueconsole.log(Object.prototype.toString.call(d) === '[object String]'); // trueconsole.log(Object.prototype.toString.call(e) === '[object Object]'); // true |
5.通過對象原型鏈上的isPrototypeOf()判斷
Array.prototype屬性為Array的構造函數原型，里面包含有一個方法 isPrototypeOf() 用于測試一個對象是否存在于；另一個對象的原型鏈上。
|
1
2
3
4
5
|
console.log(Array.prototype.isPrototypeOf(a)); // true console.log(Array.prototype.isPrototypeOf(b)); // true console.log(Array.prototype.isPrototypeOf(c)); // false console.log(Array.prototype.isPrototypeOf(d)); // false console.log(Array.prototype.isPrototypeOf(e)); // false |
總結
到此這篇關于利用JS判斷元素是否為數組的文章就介紹到這了,更多相關JS判斷元素為數組內容請搜索服務器之家以前的文章或繼續瀏覽下面的相關文章希望大家以后多多支持服務器之家！
原文鏈接：https://segmentfault.com/a/1190000038889855
