在Javascript中什麼是僞數組?如何將僞數組轉化爲標準數組?

僞數組(類數組):沒法直接調用數組方法或指望length屬性有什麼特殊的行爲,不具備數組的push,pop等方法,但仍能夠對真正數組遍歷方法來遍歷它們。典型的是函數的argument參數,還有像調用getElementsByTagName,document.childNodes之類的,它們都返回NodeList對象都屬於僞數組。可使用Array.prototype.slice.call(fakeArray)將數組轉化爲真正的Array對象。function log(){                var args = Array.prototype.slice.call(arguments); //爲了使用unshift數組方法,將argument轉化爲真正的數組                args.unshift('(app)'); console.log.apply(console, args);};這裏把符合如下條件的對象稱爲僞數組:1,具備length屬性2,按索引方式存儲數據3,不具備數組的push,pop等方法如1,function內的arguments 。2,經過document.forms,Form.elements,Select.options,document.getElementsByName() ,document.getElementsByTagName() ,childNodes/children 等方式獲取的集合(HTMLCollection,NodeList)等。3,特殊寫法的對象 ,如Js代碼  收藏代碼var obj={};obj[0] = "一";obj[1] = "二";obj[2] = "三";obj.length = 3;它們不具備數組的一些方法如push, pop, shift, join等。有時候須要將這些僞數組轉成真正的數組,這樣可使用push, pop等方法。如下是工具函數makeArrayJs代碼  function makeArray(obj){var rs=[],len=obj.length;try{rs = [].slice.call(obj,0);}catch(e){ //for IEfor(var i=0;j=obj[i++];){rs.push(j);}}return rs;}如下分別測試以上三種僞數組:Js代碼  //定義一個函數fun,內部使用makeArray將其arguments轉換成數組//定義一個函數fun,內部使用makeArray將其arguments轉換成數組function fun(){    var ary = makeArray(arguments);    alert(ary.constructor );}//調用fun(3,5);//假設頁面上有多個段落元素pvar els = document.getElementsByTagName("p");var ary1 = makeArray(els);alert(ary1.constructor);//特殊的js對象(如jquery對象)var obj={};obj[0] = "一";obj[1] = "二";obj[2] = "三";obj.length = 3;var ary2 = makeArray(obj);alert(ary2.constructor);  
相關文章
相關標籤/搜索