亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

JavaScript模擬push

 更新時間:2016年03月06日 14:29:29   投稿:mrr  
這篇文章主要介紹了JavaScript模擬數(shù)組合并concat的相關資料,需要的朋友可以參考下

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

分析:我們是想往這個數(shù)組的最后面添加東西對吧,關鍵點就在于我們?nèi)绾尾拍苷业皆刈詈蟮奈恢谩O炔蝗タ紤]最后一個位置,我們先來想想我們平時是怎么樣訪問一個數(shù)組的內(nèi)容的,是不是這樣arr[n],對不對,假如我們訪問一個大于這個數(shù)組的索引,那么就是undefined,簡單來說就是沒有這個索引的話就是undefined,如果我們將這個數(shù)組的索引一直加1那么如果出現(xiàn)undefined是不是就是我們要找的位置,雖然這種方式可以,但是我有一個更好的方法就是利用length屬性,length屬性可以獲取到這個數(shù)組的長度,那么這個長度就是這個數(shù)組的索引+1,剛好我們就是要往這個索引上添加內(nèi)容。

代碼:

var arr = [0,1,2,3,4,5];
arr.length 獲取這個數(shù)組的最后位置

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

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

合成:

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]

任務:雖然現(xiàn)在可以往里面添加內(nèi)容了,但是每次只能添加一個,怎么辦呢?

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

代碼:

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

代碼:

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

分析:那么現(xiàn)在問題來了,我們把什么內(nèi)容添加到哪里去,再回到我們?nèi)蝿眨覀兪遣皇窍朐谀硞€數(shù)組的最后一個位置添加我們傳進來的內(nèi)容,對我們穿進來的,那么怎么獲取我們傳進來的內(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);

完成。

課外擴展:有基礎的朋友
ok,雖然這樣已經(jīng)完成了任務,但是現(xiàn)在的問題是,這段代碼只能為arr這個數(shù)組服務,如果我們想為所以的數(shù)組提供這個功能就需要給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表示誰調(diào)用就是誰,如果你想了解更多關于this的內(nèi)容,可以看徹底理解js中this的指向,不必硬背這篇文章。

相關文章

  • 同步異步動態(tài)引入js文件的幾種方法總結(jié)

    同步異步動態(tài)引入js文件的幾種方法總結(jié)

    下面小編就為大家?guī)硪黄疆惒絼討B(tài)引入js文件的幾種方法總結(jié)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-09-09
  • javascript中注冊和移除事件的4種方式

    javascript中注冊和移除事件的4種方式

    對于html中的一些元素注冊事件的方式有多種,接下來將為大家詳細介紹下,大家可以測試并對比下根據(jù)自己的習慣使用哪一種方式
    2013-03-03
  • ES6中promise詳解及用法實例

    ES6中promise詳解及用法實例

    Promise是異步編程的一種解決方案,比傳統(tǒng)的解決方案——回調(diào)函數(shù)和事件——更合理和更強大,下面這篇文章主要給大家介紹了關于ES6中promise詳解及用法的相關資料,需要的朋友可以參考下
    2022-11-11
  • javascript實現(xiàn)鼠標點擊生成文字特效

    javascript實現(xiàn)鼠標點擊生成文字特效

    這篇文章主要為大家詳細介紹了javascript實現(xiàn)鼠標點擊生成文字特效,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2019-12-12
  • javascript if條件判斷方法小結(jié)

    javascript if條件判斷方法小結(jié)

    今天在為網(wǎng)站增加一些代碼功能的時候,需要用到if條件判斷,發(fā)現(xiàn)簡寫方法忘了,這里特整理下
    2014-05-05
  • javascript?ES6中set集合、map集合使用方法詳解與源碼實例

    javascript?ES6中set集合、map集合使用方法詳解與源碼實例

    這篇文章主要介紹了javascript?ES6中set、map使用方法詳解與源碼實例,需要的朋友可以參考下
    2022-12-12
  • JavaScript實現(xiàn)背景自動切換小案例

    JavaScript實現(xiàn)背景自動切換小案例

    這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)背景自動切換小案例,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2019-09-09
  • 原生javascript實現(xiàn)圖片無縫滾動效果

    原生javascript實現(xiàn)圖片無縫滾動效果

    這篇文章主要介紹了原生javascript實現(xiàn)圖片無縫滾動效果的相關資料,需要的朋友可以參考下
    2016-02-02
  • javascript 實現(xiàn)自由落體的方塊效果

    javascript 實現(xiàn)自由落體的方塊效果

    這其實是一個很簡單的實現(xiàn),create一個新的div元素,然后append到文檔的body上,經(jīng)過一定時間的延遲,做自由落體運動,著地后fade消失。 不多說,直接上代碼。
    2010-01-01
  • 深入了解JavaScript發(fā)布訂閱模式

    深入了解JavaScript發(fā)布訂閱模式

    JavaScript?發(fā)布訂閱模式(Publish/Subscribe?Pattern)是一種常用的設計模式,發(fā)布訂閱模式的核心思想是解耦事件的發(fā)生和事件的處理,本文將介紹?JavaScript?發(fā)布訂閱模式的基本原理、應用場景以及各場景的代碼示例,需要的朋友可以參考下
    2023-05-05

最新評論