DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> Javascript中判斷變量是數組還是對象(array還是object)
Javascript中判斷變量是數組還是對象(array還是object)
編輯:關於JavaScript     
怎樣判斷一個JavaScript變量是array還是obiect?
答案:
1、如果你只是用typeof來檢查該變量,不論是array還是object,都將返回‘objec'。
此問題的一個可行的答案是是檢查該變量是不是object,並且檢查該變量是否有數字長度(當為空array時長度也可能為0)。
然而,參數對象【arguments object】(傳給制定函數的所有參數),也可能會適用於上述方法,技術上來說,參數對象並不是一個array。
此外,當一個對象有a.length屬性的時候,這個方法也不成立。
復制代碼 代碼如下:
// Real array 正在的數組
var my_array = [];
// Imposter! 冒名頂替的!
var my_object = {};
my_object.length = 0;
// Potentially faulty 潛在的錯誤
function is_this_an_array(param) {
if (typeof param === 'object' && !isNaN(param.length)) {
console.log('Congrats, you have an array!');
}
else {
console.log('Bummer, not an array');
}
}
// Works 成功
is_this_an_array(my_array);
// Works, but is incorrect 成功了,但是不正確
is_this_an_array(my_object);

2、回答這個問題的另一個答案是用一個更加隱蔽的方法,調用toString( )方法試著將該變量轉化為代表其類型的string。
該方法對於真正的array可行;參數對象轉化為string時返回[object Arguments]會轉化失敗;此外,
對於含有數字長度屬性的object類也會轉化失敗。
復制代碼 代碼如下:
// Real array 真正的數組
var my_array = [];
// Imposter! 冒名頂替的!
var my_object = {};
my_object.length = 0;
// Rock solid 堅如磐石(檢驗函數)
function is_this_an_array(param) {
if (Object.prototype.toString.call(param) === '[object Array]') {
console.log('Congrats, you have an array!');
}
else {
console.log('Bummer, not an array');
}
}
// Works 成功了
is_this_an_array(my_array);
// Not an array, yay! 不是數組(array)!
is_this_an_array(my_object);

3、此外,在可能不可靠的多框架DOM環境中,instanceof是個完美合適的操作。
擴展閱讀:"Instanceof Considered Harmful…"
http://perfectionkills.com/instanceof-considered-harmful-or-how-to-write-a-robust-isarray
復制代碼 代碼如下:
var my_array = [];
if (my_array instanceof Array) {
console.log('Congrats, you have an array!');
}

4、對於Javascript 1.8.5(ECMAScript 5),變量名字.isArray( )可以實現這個目的
https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Array/isArray
復制代碼 代碼如下:
var my_array = [];
if (Array.isArray(my_array)) {
console.log('Congrats, you have an array!');
}
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved