javascript迭代器怎么實現

本篇內容主要講解“javascript迭代器怎么實現”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“javascript迭代器怎么實現”吧!

在javascript中，迭代器是一種特殊對象，它具有一些專門為迭代過程設計的專有接口，所有的迭代器對象都有一個next()方法，每次調用都返回一個結果對象。迭代器會保存一個內部指針，用來指向當前集合中值的位置。

本教程操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。

一、迭代器的定義：

迭代器是一種特殊對象，它具有一些專門為迭代過程設計的專有接口，所有的迭代器對象都有一個next()方法，每次調用都返回一個結果對象。結果對象有兩個屬性：一個是value，表示下一個將要返回的值；另一個是done，它是一個布爾類型的值，當沒有更多可返回數據時返回true。迭代器還會保存一個內部指針，用來指向當前集合中值的位置，每調用一次next()方法，都會返回下一個可用的值

如果在最后一個值返回后再調用next()方法，那么返回的對象中屬性done的值為true，屬性value則包含迭代器最終返回的值，這個返回值不是數據集的一部分，它與函數的返回值類似，是函數調用過程中最后一次給調用者傳遞信息的方法，如果沒有相關數據則返回undefined

二、為何會出現迭代器？

背景前提：

我相信你一定用過for循環，并且也有過空指針引用的問題：比如數組長度只有5，但是你的索引卻跑到了6。邏輯稍微失誤，就導致程序不能正常運行。

迭代器想要解決的問題是：

解決、或減少使用類似for循環過程中，訪問變量集合的中出錯的問題。比如：空指針引用。

舉個栗子：

我們使用for循環遍歷集合時，容易出錯，但是我們使用類似forEach的話，就會減少空指針引用的問題。

array.forEach(element => {
	// 此時可以不用i來操作集合了。            
});

三、用js實現一個簡單的迭代器

function myIterator(list) {
    let i = 0;
    return {
        next: function() {
            let done = (i >= list.length);
            let value = !done ? list[i++] : undefined;
            return {
                done: done,
                value: value
            };
        }
    };
}

由函數定義可以看出：

• 函數返回值是個對象 ，對象中，key為next、value為函數；

• 每調用一次next()，i+1，同時返回一個對象 ，對象就是集合的元素；

到此，相信大家對“javascript迭代器怎么實現”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！