文章出處

  因為本系列文章屬于思維類,所以不做基礎方法的講解。

 

任務:首先我定義了一個變量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 獲取這個數組的最后位置

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

 

分析:現在回想一下往一個數組里面添加內容有哪些方式?獲取到的這個長度就是我們要添加的位置。

arr[arr.length] = value;

合成:

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(var i=0;i<?;i++)

分析:我們應該怎么寫這個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的指向,不必硬背這篇文章。

 

如果你有好的建議可以和我聯系,期待下次和你見面。


文章列表


不含病毒。www.avast.com
arrow
arrow
    全站熱搜
    創作者介紹
    創作者 大師兄 的頭像
    大師兄

    IT工程師數位筆記本

    大師兄 發表在 痞客邦 留言(0) 人氣()