這篇文章主要介紹了JavaScript模擬數(shù)組合并concat的相關(guān)資料,需要的朋友可以參考下

任務(wù)：首先我定義了一個(gè)變量var arr = [0,1,2,3,4,5];我現(xiàn)在想模擬push方法在這個(gè)數(shù)組的5后面加?xùn)|西，我們應(yīng)該怎么做？給你5分鐘思考，在思考之前請(qǐng)不要往下看。

分析：我們是想往這個(gè)數(shù)組的最后面添加?xùn)|西對(duì)吧，關(guān)鍵點(diǎn)就在于我們?nèi)绾尾拍苷业皆刈詈蟮奈恢?。先不去考慮最后一個(gè)位置，我們先來想想我們平時(shí)是怎么樣訪問一個(gè)數(shù)組的內(nèi)容的，是不是這樣arr[n]，對(duì)不對(duì)，假如我們?cè)L問一個(gè)大于這個(gè)數(shù)組的索引，那么就是undefined，簡(jiǎn)單來說就是沒有這個(gè)索引的話就是undefined，如果我們將這個(gè)數(shù)組的索引一直加1那么如果出現(xiàn)undefined是不是就是我們要找的位置，雖然這種方式可以，但是我有一個(gè)更好的方法就是利用length屬性，length屬性可以獲取到這個(gè)數(shù)組的長(zhǎng)度，那么這個(gè)長(zhǎng)度就是這個(gè)數(shù)組的索引+1，剛好我們就是要往這個(gè)索引上添加內(nèi)容。

代碼：

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

arr.length 獲取這個(gè)數(shù)組的最后位置

任務(wù)：現(xiàn)在我們獲取到了數(shù)組的最后位置就可以給它添加內(nèi)容了，那么怎么添加呢？給誰添加，怎么去添加。

分析：現(xiàn)在回想一下往一個(gè)數(shù)組里面添加內(nèi)容有哪些方式？獲取到的這個(gè)長(zhǎng)度就是我們要添加的位置。

合成：

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]

任務(wù)：雖然現(xiàn)在可以往里面添加內(nèi)容了，但是每次只能添加一個(gè)，怎么辦呢？

分析：突然好想念我的老朋友for，對(duì)這位老朋友可以幫我們完成一些重復(fù)的事情，那我們快請(qǐng)他來幫幫忙吧。

代碼：

分析：我們應(yīng)該怎么寫這個(gè)for？i到底小于多少呢？是不是就是我們添加幾位就是幾?。磕敲次覀兊降滓砑佣嗌傥荒?？好像我們確實(shí)不知道，但是卻有一位老朋友知道，他就是arguments，它可以獲取到我們傳入的參數(shù)，并且它是一個(gè)偽數(shù)組，意味著它也可以像數(shù)組一樣使用length屬性獲取我們傳入的實(shí)參長(zhǎng)度。

代碼：

for(var i=0;i<arguments.length;i++){}

分析：那么現(xiàn)在問題來了，我們把什么內(nèi)容添加到哪里去，再回到我們?nèi)蝿?wù)，我們是不是想在某個(gè)數(shù)組的最后一個(gè)位置添加我們傳進(jìn)來的內(nèi)容，對(duì)我們穿進(jìn)來的，那么怎么獲取我們傳進(jìn)來的內(nèi)容呢，我們好像說過arguments可以獲取它的內(nèi)容。

代碼:

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);

完成。

課外擴(kuò)展：有基礎(chǔ)的朋友

ok，雖然這樣已經(jīng)完成了任務(wù)，但是現(xiàn)在的問題是，這段代碼只能為arr這個(gè)數(shù)組服務(wù)，如果我們想為所以的數(shù)組提供這個(gè)功能就需要給Array的原型添加這個(gè)方法。

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表示誰調(diào)用就是誰，如果你想了解更多關(guān)于this的內(nèi)容，可以看徹底理解js中this的指向，不必硬背這篇文章。