1. <strong id="7actg"></strong>
    2. <table id="7actg"></table>

    3. <address id="7actg"></address>
      <address id="7actg"></address>
      1. <object id="7actg"><tt id="7actg"></tt></object>

        盤點JavaScript中數(shù)組遍歷的全部方式(上篇)

        共 798字,需瀏覽 2分鐘

         ·

        2020-08-21 05:43


        天生我才必有用,千金散盡還復(fù)來。

        前言

        JavaScript想必大家都不陌生了,其中的字符串和數(shù)組大家經(jīng)常都會用到,今天就讓我們來說說這里面的數(shù)組對象的遍歷吧,因為遍歷經(jīng)常使用的緣故,所以小編帶著大家來解鎖遍歷的所有方法,以便大家能夠更深入的了解數(shù)組遍歷,并在實際項目中靈活運用。

        一、Entries

        這個是 ES6中提供的用于遍歷數(shù)組的方法,它會返回一個遍歷器對象,Entries是對鍵值對的遍歷。

        二、Every

        every()是對數(shù)組中的每一項運行給定函數(shù),如果該函數(shù)對每一項返回True,則返回True。比如:

        我們給它一個真的條件,如下:

        三、For循環(huán)

        最常用的數(shù)組遍歷的方法,但是效率不夠高,一般建議使用臨時變量來存儲數(shù)組中的數(shù)據(jù)進(jìn)行遍歷讀取輸出,避免重復(fù)。如下:

        四、For...in....

        用于對數(shù)組或者對象的屬性進(jìn)行循環(huán)操作,每執(zhí)行一次,就會對數(shù)組的元素或者對象的屬性進(jìn)行一次操作,如下:

        可以看出返回的是數(shù)組的下標(biāo)和數(shù)組的值和原型上的方法和屬性。因此For...in更適合遍歷對象,不適合遍歷數(shù)組。

        五、For...of

        可直接遍歷數(shù)組的元素的值,對于遍歷數(shù)組來說非常方便,推薦使用這種方法,如下:

        六、Foreach

        它可以遍歷數(shù)組中的每一項,沒有返回值,對原數(shù)組無影響,而且不止IE瀏覽器。如下:

        七、Filter

        根據(jù)指定條件來遍歷數(shù)組但不改變原始數(shù)組,返回新數(shù)組,相當(dāng)于一個過濾器,如下:

        八、總結(jié)

        本文主要介紹了JavaScrpit中數(shù)據(jù)遍歷的常用7種方式,下一篇文章繼續(xù)安利7種遍歷方式。乍看一下,沒想到竟然有這么多方法,不知道你知道哪幾種呢?

        瀏覽 67
        點贊
        評論
        收藏
        分享

        手機(jī)掃一掃分享

        分享
        舉報
        評論
        圖片
        表情
        推薦
        點贊
        評論
        收藏
        分享

        手機(jī)掃一掃分享

        分享
        舉報
        1. <strong id="7actg"></strong>
        2. <table id="7actg"></table>

        3. <address id="7actg"></address>
          <address id="7actg"></address>
          1. <object id="7actg"><tt id="7actg"></tt></object>
            91中文字幕网 | 伦理女人高潮流水 | 草逼网址 | 大香蕉91视频 | 欧美操逼在线 | av黄片免费在线观看 | 一级黄色片免费看 | 免费日韩一级片 | 欧美老女人性爱 | 国产一级二级三级片 |