js 使用for迴圈遍曆數組

來源:互聯網
上載者:User

js 使用for迴圈遍曆數組

今天寫個無聊的東西!for迴圈的使用!如下:定義a數組,b為偽數組!

var a = [1,2,3,0,5,4];var b = document.getElementsByTagName('li'); //[
  • 1
  • ,
  • 2
  • ,
  • 3
  • ,
  • 4
  • ,
  • 5
  • ]

    
    

    第一種:錯誤型!
    for ( var i = 0; i < a.length; i++ ){//這種寫法是最基本的,但錯誤的地方是數組長度不該每次都取,所以一般我們都會用第二種寫法!} 

    第二種:通用型!
    for ( var i = 0,l = a.length; i < l; i++ ){//這種寫法是最常見的,最好理解的,也是通用的,對於a,b這兩種類型的(偽)數組都可以。} 

    第三種:最佳化型
    for ( var i = a.length - 1; i >= 0 ; i-- ) {//這種寫法很巧妙,倒序來遍曆,從而節省了一個臨時變數!對於a,b這兩種類型的(偽)數組都可以。//google的compiler壓縮後就會對for迴圈做這種最佳化!}


    第四種:特定型
    for ( var i = 0; b[i]; i++ ) {//這種寫法不是通用的,對於數組a就不行!但對於數組b這種dom元素的集合來說很實用!}


    第五種:技巧型
    for ( var i = 0, elem; (elem = b[i]) != null; i++ ) {//這種寫法也是特定情況下使用的,當數組的元素不等於某一個值得時候,這裡是當遇到null或undefined時停止迴圈,所以數組a也是可以使用的!//技巧的地方是聲明條件的同時賦值!可以減少一行賦值臨時變數的代碼!}


    聯繫我們

    該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

    如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.