最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

小議Function.apply()之二------利用Apply的參數(shù)數(shù)組化來提高 JavaScript程序性能

 更新時間:2006年11月30日 00:00:00   作者:  

我們再來聊聊Function.apply() 在提升程序性能方面的技巧。

我們先從 Math.max() 函數(shù)說起,  Math.max后面可以接任意個參數(shù),最后返回所有參數(shù)中的最大值。

比如 
alert(Math.max(5,8))   //8
alert(Math.max(5,7,9,3,1,6))   //9

但是在很多情況下,我們需要找出數(shù)組中最大的元素。
var arr=[5,7,9,1]
alert(Math.max(arr))    //   這樣卻是不行的。一定要這樣寫

function getMax(arr){
    var arrLen=arr.length;
    for(var i=0,ret=arr[0];i<arrLen;i++){
        ret=Math.max(ret,arr[i]);       
    }
    return ret;
}
這樣寫麻煩而且低效。如果用 apply呢,看代碼:
function getMax2(arr){
    return Math.max.apply(null,arr)
}
兩段代碼達(dá)到了同樣的目的,但是getMax2卻優(yōu)雅,高效,簡潔得多。

看性能測試:
getMax性能測試

<script>
var myArr=new Array()

function fillRnd(arrLen){  //填入 arrLen個1-10的隨機(jī)數(shù)字到數(shù)組
    for(var i=0,arr=[];i<arrLen;i++){
        arr[i]=Math.ceil(Math.random()*10)
    }
    return arr
}

function getMax(arr){
    var arrLen=arr.length;
    for(var i=0,ret=arr[0];i<arrLen;i++){
        ret=Math.max(ret,arr[i]);       
    }
    return ret;
}

function getMax2(arr){
    return Math.max.apply(null,arr)
}


myArr=fillRnd(20*10000)  //生成20萬個隨機(jī)數(shù)填到數(shù)組

var t1=new Date()
var max1=getMax(myArr)
var t2=new Date()
var max2=getMax2(myArr)
var t3=new Date()

if (max1!==max2) alert("error")
alert([t3-t2,t2-t1])   //在我機(jī)器上 96,464 .不同的機(jī)器,結(jié)果可能有差異

</script>


通過20萬個數(shù)據(jù)的比較, getMax2 時間為 96ms 而 getmax時間為464。 兩者相差5倍


 再比如數(shù)組的push方法。
var arr1=[1,3,4];
var arr2=[3,4,5];
如果我們要把 arr2展開,然后一個一個追加到 arr1中去,最后讓  arr1=[1,3,4,3,4,5]
arr1.push(arr2)  顯然是不行的。 因為這樣做會得到  [1,3,4, [3,4,5] ]

我們只能用一個循環(huán)去一個一個的push   (當(dāng)然也可以用 arr1.concat(arr2) 但是concat方法并不改變 arr1本身)
var arrLen=arr2.length
for(var i=0;i<arrLen;i++){
    arr1.push(arr2[i])
}

自從有了 Apply    ,事情就變得如此簡單

Array.prototype.push.apply(arr1,arr2)

相關(guān)文章

  • Openlayers顯示瓦片網(wǎng)格信息的方法

    Openlayers顯示瓦片網(wǎng)格信息的方法

    這篇文章主要為大家詳細(xì)介紹了Openlayers顯示瓦片網(wǎng)格信息,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-09-09
  • JavaScript將字符串轉(zhuǎn)換成字符編碼列表的方法

    JavaScript將字符串轉(zhuǎn)換成字符編碼列表的方法

    這篇文章主要介紹了JavaScript將字符串轉(zhuǎn)換成字符編碼列表的方法,實例分析了javascript中charCodeAt函數(shù)的使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下
    2015-03-03
  • 微信小程序視圖容器(swiper)組件創(chuàng)建輪播圖

    微信小程序視圖容器(swiper)組件創(chuàng)建輪播圖

    這篇文章主要為大家詳細(xì)介紹了微信小程序視圖容器(swiper)組件創(chuàng)建輪播圖,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2018-08-08
  • Webpack處理js資源(Eslint、Babel)

    Webpack處理js資源(Eslint、Babel)

    Webpack對js處理是有限的,只能編譯js中ES模塊化語法,不能編譯其他語法,導(dǎo)致js不能在IE等瀏覽器運行,本文主要介紹了Webpack處理js資源,具有一定的參考價值,感興趣的可以了解一下
    2023-12-12
  • js代碼實現(xiàn)輪播圖

    js代碼實現(xiàn)輪播圖

    這篇文章主要為大家詳細(xì)介紹了js代碼實現(xiàn)輪播圖,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-05-05
  • js模擬微博發(fā)布消息

    js模擬微博發(fā)布消息

    本文主要介紹了js模擬微博發(fā)布消息的實例,具有很好的參考價值,下面跟著小編一起來看下吧
    2017-02-02
  • JS中引用百度地圖并將百度地圖的logo和信息去掉

    JS中引用百度地圖并將百度地圖的logo和信息去掉

    采用CSS覆蓋的方法就可以了,但是官方是不允許這么做的,具體實現(xiàn)如下,感興趣的朋友可以參考下
    2013-09-09
  • js拖拽功能實現(xiàn)代碼解析

    js拖拽功能實現(xiàn)代碼解析

    這篇文章主要為大家詳細(xì)介紹了js實現(xiàn)拖拽功能,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2016-11-11
  • 移動端H5喚起APP的寫法實例(IOS、android)

    移動端H5喚起APP的寫法實例(IOS、android)

    最近在做掃碼之后的h5頁面喚醒App的功能,所以記錄一下,這篇文章主要給大家介紹了關(guān)于移動端H5喚起APP的相關(guān)資料,需要的朋友可以參考下
    2021-07-07
  • JSON.stringify實例詳解以及靈活運用

    JSON.stringify實例詳解以及靈活運用

    在向服務(wù)器發(fā)送數(shù)據(jù)時一般是字符串,我們可以使用?JSON.stringify()方法將JavaScript對象轉(zhuǎn)換為字符串,下面這篇文章主要給大家介紹了關(guān)于JSON.stringify及靈活運用的相關(guān)資料,需要的朋友可以參考下
    2022-03-03

最新評論

定西市| 杭州市| 镇康县| 鄂托克前旗| 台东县| 长宁县| 东方市| 谢通门县| 吉首市| 甘南县| 桦甸市| 永修县| 郸城县| 佛坪县| 石屏县| 自治县| 仁布县| 阳谷县| 昆明市| 安远县| 惠州市| 苍溪县| 霍林郭勒市| 华安县| 临沧市| 蛟河市| 威海市| 达日县| 大兴区| 江山市| 德保县| 西吉县| 枝江市| 崇信县| 和硕县| 彩票| 平山县| 鄂尔多斯市| 阿合奇县| 阿城市| 阿尔山市|