首頁 > web前端 > js教程 > JavaScript模擬push_javascript技巧

JavaScript模擬push_javascript技巧

WBOY
發布: 2016-05-16 15:12:02
原創
1242 人瀏覽過

任務:首先我定義了一個變數var arr = [0,1,2,3,4,5];我現在想模擬push方法在這個陣列的5後面加東西,我們應該怎麼做?給你5分鐘思考,思考前請不要往下看。

分析:我們是想往這個陣列的最後面加入東西對吧,關鍵點就在於我們如何才能找到元素最後的位置。先不去考慮最後一個位置,我們先來想想我們平常是怎麼樣存取一個數組的內容的,是不是這樣arr[n],對不對,假如我們訪問一個大於這個數組的索引,那麼就是undefined,簡單來說就是沒有這個索引的話就是undefined,如果我們將這個數組的索引一直加1那麼如果出現undefined是不是就是我們要找的位置,雖然這種方式可以,但是我有一個更好的方法就是利用length屬性,length屬性可以取得到這個陣列的長度,那麼這個長度就是這個陣列的索引1,剛好我們就是要往這個索引上加入內容。

代碼:

var arr = [0,1,2,3,4,5];
arr.length 获取这个数组的最后位置
登入後複製

任務:現在我們取得到了數組的最後位置就可以為它添加內容了,那麼要怎麼添加呢?給誰添加,怎麼去添加。

分析:現在回想一下往一個陣列裡面加入內容有哪些方式?取得到的這個長度就是我們要新增的位置。

合成:

var arr = [0,1,2,3,4,5];
function Push(value){
arr[arr.length] = value;
}
Push(6);
console.log(arr); //[0, 1, 2, 3, 4, 5, 6]
登入後複製

任務:雖然現在可以往裡面加入內容了,但是每次只能增加一個,怎麼辦呢?

分析:突然好想念我的老朋友for,對這位老朋友可以幫我們完成一些重複的事情,那我們快請他來幫忙吧。

代碼:

分析:我們該怎麼寫這篇for? i到底小於多少呢?是不是我們加幾位就是幾啊?那我們到底要增加多少位元呢?好像我們確實不知道,但是卻有一位老朋友知道,他就是arguments,它可以獲取到我們傳入的參數,並且它是一個偽數組,意味著它也可以像數組一樣使用length屬性獲取我們傳入的實參長度。

代碼:

for(var i=0;i<arguments.length;i++){}
登入後複製

分析:那麼現在問題來了,我們把什麼內容加到哪裡去,再回到我們任務,我們是不是想在某個數組的最後一個位置添加我們傳進來的內容,對我們穿進來的,那麼怎麼取得我們傳進來的內容呢,我們好像說過arguments可以取得它的內容。

代碼:

var arr = [0,1,2,3,4,5];
function Push{
for(var i=0;i<arguments.length;i++){
arr[arr.length] = arguments[i];
}
}
Push(6,7,8);
登入後複製

完成。

課外擴展:有基礎的朋友
ok,雖然這樣已經完成了任務,但是現在的問題是,這段程式碼只能為arr這個陣列服務,如果我們想為所以的陣列提供這個功能就需要為Array的原型添加這個方法。

var arr = [0,1,2,3,4,5];

Array.prototype.Push = function{
for(var i=0;i<arguments.length;i++){
this[this.length] = arguments[i];
}
}
arr.Push(1,2,3)
登入後複製

把裡面的arr修改成this,this表示誰調用是誰,如果你想了解更多關於this的內容,可以看徹底理解js中this的指向,不必硬背這篇文章。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板