国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

[學習筆記] ES6的數(shù)組遍歷方式 for, forEach，for...in, for...of

rozbo / 1126人閱讀

摘要：有如果要遍歷一個數(shù)組，我們有多個方式可以進行。循環(huán)循環(huán)的問題在于遍歷的時候獲得的是指針，要獲取元素需要的方式取到。另外迭代的是對象所有的屬性或函數(shù)都會被迭代。選用可以根據(jù)自己的實際需求。

javascript ES6有如果要遍歷一個數(shù)組，我們有多個方式可以進行。
下面我們來分析一下各自的利弊。

for循環(huán) 
const langs = ["java", "php", "c++", "python"]

    for (let i = 0; i < langs.length; i++) {
        console.log(langs[i])
    }

for循環(huán)的問題在于遍歷的時候獲得的是指針，要獲取元素需要 langs[i]的方式取到。

forEach 
    langs.forEach(function (lang, index, arr) {
        console.log(lang)
        console.log(index)
        console.log(arr)
    }, this);

    lang.forEach((lang, index) => {
        console.log(lang)
        console.log(index)
    })

forEach循環(huán)我們可以直接取到元素，同時也可以取到index值。
但是forEach也有一些局限，比如我們不能在循環(huán)內(nèi)break或者continue.

for...in 循環(huán)

for-in is for inspecting object properties. It works on any object, and it always loops over the names of the object"s enumerable properties.

const langs = ["java", "php", "c++", "python"]
langs.description = "This is a language set"
langs.func = ()=>(2)
    
for (var key in langs) {
  console.log(langs[key])
}

for...in 迭代獲取到的也是key而不是數(shù)值。另外for...in迭代的是對象所有的屬性或函數(shù)都會被迭代。
選用for...in可以根據(jù)自己的實際需求。

for...of

for-of is for looping over data. It only works on iterable objects; that is, objects with a suitable [iterator] method.

const langs = ["java", "php", "c++", "python"]

 for (let lang of langs) {
        console.log(lang)
    }

for...of支持break continue

如何在for...of循環(huán)中獲取到index值呢？

    for (let [index, lang] of langs.entries()) {
        console.log(`${index} - ${lang}`)
    }

for...of還有其他的用處

for...of用于arguments

for...of用于字符串遍歷

for...of用于DOM節(jié)點的遍歷

文章為學習筆記，內(nèi)容參考codecasts的視頻課程https://www.codecasts.com/ser...

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/88632.html

相關(guān)文章

  • 《深入理解ES6》筆記——Set集合與Map集合（7）

    摘要：常被用來檢查對象中是否存在某個鍵名，集合常被用來獲取已存的信息。返回一個布爾值，表示該值在中存在與否。集合存放對象的弱引用，當該對象的其他強引用被清除時，集合中的弱引用也會自動被垃圾回收機制回收，追蹤成組的對象是該集合最好的使用方式。 Map和Set都叫做集合，但是他們也有所不同。Set常被用來檢查對象中是否存在某個鍵名，Map集合常被用來獲取已存的信息。 Set Set是有序列表，含...

    Charlie_Jade 評論0 收藏0

  • 學習筆記一 基礎(chǔ)語法

    摘要：需要注意的是字符串有三個截取方法和和方法用于操作尾部元素，和方法用于操作頭部元素。語法它用于刪除并添加元素，也可以只刪除不添加。對象操作符可以判斷對象是否含有某個屬性，但是無法判斷這個屬性是它自己的，還是繼承來的。 1.關(guān)于ECMAScript ECMA-262經(jīng)歷了多個版本的更新迭代，需要了解一下五個版本： ES5：2009年12月 ES5.1：2011年6月 ES6/ECM...

    Songlcy 評論0 收藏0

  • 《廖雪峰JavaScript-快速入門》筆記

    摘要：文章內(nèi)容來源廖雪峰快速入門賦值注釋數(shù)據(jù)類型不區(qū)分整數(shù)和浮點數(shù)，統(tǒng)一用表示。條件判斷使用來進行條件判斷。最新的規(guī)范引入了新的數(shù)據(jù)類型，是一組鍵值對的結(jié)構(gòu)，具有極快的查找速度。一個數(shù)組實際上也是一個對象，它的每個元素的索引被視為一個屬性。 文章內(nèi)容來源：廖雪峰JavaScript-快速入門 賦值 var x = 1; 注釋 // comment /* comment */ 數(shù)據(jù)類型 Num...

    caozhijian 評論0 收藏0

  • JavaScript：遍歷

    摘要：中可以實現(xiàn)遍歷的數(shù)據(jù)類型主要是對象，其中包括普通對象與數(shù)組。遍歷器是一種接口，為各種不同的數(shù)據(jù)結(jié)構(gòu)提供統(tǒng)一的訪問機制。實例五遍歷器對象實例五是的遍歷過程，通過手動調(diào)用其對象的方法實現(xiàn)信息獲取。為每個數(shù)組元素執(zhí)行函數(shù)。 前言 ??將依據(jù)自身痛點學習，計劃對原生JavaScript寫一個系統(tǒng)，本文為第一篇，感興趣的同學可以關(guān)注個人公眾號：ZeroToOneMe，或者github博客，將持續(xù)...

    ThinkSNS 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<