JS思維之路菜鳥也能有大能量 1 模擬push

2021-09-08 17:53:53 字數 1560 閱讀 7927

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

任務:首先我定義了乙個變數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)

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可以獲取它的內容。

**:

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

function

push()

}push(6,7,8);

完成。課外擴充套件:有基礎的朋友

ok,雖然這樣已經完成了任務,但是現在的問題是,這段**只能為arr這個陣列服務,如果我們想為所以的陣列提供這個功能就需要給array的原型新增這個方法。

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

array.prototype.push = function()}

arr.push(1,2,3)

JS思維之路菜鳥也能有大能量 1 模擬push

因為本系列文章屬於思維類,所以不做基礎方法的講解。任務 首先我定義了乙個變數var arr 0,1,2,3,4,5 我現在想模擬push方法在這個陣列的5後面加東西,我們應該怎麼做?給你5分鐘思考,在思考之前請不要往下看。分析 我們是想往這個陣列的最後面新增東西對吧,關鍵點就在於我們如何才能找到元素...

菜鳥的架構學習之路 七大軟體設計原則

對於個人而言 無外乎使自己的 高內聚低耦合 冗餘低 可復用,開發效率高,別人用半個小時寫完的東西,你十分鐘就搞定。公升職加薪 對於公司架構而言 縮短開發周期,可維護性強,可擴充套件性強。概括一句話就是使用最少的錢,得到最優質的產品。提高軟體系統的可維護性和可復用性,增加軟體的可擴充套件性和靈活性,從...

大前端之路 JS繼承的六種方式

b是a的原型,a是b的建構函式 a.prototype b b.constructor a 父類 function super super.prototype.getproperty function 子類 function sub 1 優點 2 缺點利用原型鏈來實現繼承,超類的乙個例項作為子類的原...