JavaScript類比push,javascriptpush

來源:互聯網
上載者:User

JavaScript類比push,javascriptpush

任務:首先我定義了一個變數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表示誰調用就是誰,如果你想瞭解

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.