快捷導航

Javascript中判斷變量是數(shù)組還是對象(array還是object)

更新時間：2013年08月14日 14:55:01 作者：

怎樣判斷一個JavaScript變量是array還是obiect，或許有很多初學者對此不是很清楚吧，下面為大家詳細解答下，希望對大家有所幫助

怎樣判斷一個JavaScript變量是array還是obiect？
答案：
1、如果你只是用typeof來檢查該變量，不論是array還是object，都將返回‘objec'。
此問題的一個可行的答案是是檢查該變量是不是object，并且檢查該變量是否有數(shù)字長度（當為空array時長度也可能為0）。
然而，參數(shù)對象【arguments object】（傳給制定函數(shù)的所有參數(shù)），也可能會適用于上述方法，技術(shù)上來說，參數(shù)對象并不是一個array。
此外，當一個對象有a.length屬性的時候，這個方法也不成立。

復(fù)制代碼代碼如下:

 
// Real array 正在的數(shù)組 
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、回答這個問題的另一個答案是用一個更加隱蔽的方法，調(diào)用toString( )方法試著將該變量轉(zhuǎn)化為代表其類型的string。
該方法對于真正的array可行；參數(shù)對象轉(zhuǎn)化為string時返回[object Arguments]會轉(zhuǎn)化失敗；此外，
對于含有數(shù)字長度屬性的object類也會轉(zhuǎn)化失敗。

復(fù)制代碼代碼如下:

 
// Real array 真正的數(shù)組 
var my_array = []; 
// Imposter! 冒名頂替的！ 
var my_object = {}; 
my_object.length = 0; 
// Rock solid 堅如磐石（檢驗函數(shù)） 
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! 不是數(shù)組（array）！ 
is_this_an_array(my_object); 

3、此外，在可能不可靠的多框架DOM環(huán)境中，instanceof是個完美合適的操作。
擴展閱讀："Instanceof Considered Harmful…"
http://perfectionkills.com/instanceof-considered-harmful-or-how-to-write-a-robust-isarray

復(fù)制代碼代碼如下:

 
var my_array = []; 
if (my_array instanceof Array) { 
console.log('Congrats, you have an array!'); 
} 

4、對于Javascript 1.8.5（ECMAScript 5），變量名字.isArray( )可以實現(xiàn)這個目的
https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Array/isArray

復(fù)制代碼代碼如下:

 
var my_array = []; 
if (Array.isArray(my_array)) { 
console.log('Congrats, you have an array!'); 
} 

您可能感興趣的文章:

相關(guān)文章

小程序自定義單頁面、全局導航欄的實現(xiàn)代碼
這篇文章主要介紹了小程序自定義單頁面、全局導航欄的實現(xiàn)代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2019-03-03
js 把字符串當函數(shù)執(zhí)行的方法
一段字符串里面包含了要執(zhí)行的函數(shù)和參數(shù)等，需要去執(zhí)行這段字符串。
2010-03-03
js的window.showModalDialog及window.open用法實例分析
這篇文章主要介紹了js的window.showModalDialog及window.open用法,實例分析了window.showModalDialog與window.open方法的定義、功能與使用技巧,需要的朋友可以參考下
2015-01-01
JavaScript聲明變量的這四兄弟(var、let、function、const)
這篇文章主要介紹了JavaScript聲明變量的這四兄弟，主要就是介紹var、let、function、const區(qū)別,需要的朋友可以參考下
2023-02-02
JavaScript或jQuery 獲取option value值方法解析
這篇文章主要介紹了JavaScript或jQuery 獲取option value值方法解析,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
2020-05-05
這篇文章主要介紹了javascript與Python快速排序?qū)嵗龑Ρ?實例講述了javascript與Python實現(xiàn)快速排序的簡單實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-08-08