Iterator遍历器

最新推荐文章于 2025-06-20 23:19:34 发布

原创最新推荐文章于 2025-06-20 23:19:34 发布 · 281 阅读

0 ·

CC 4.0 BY-SA版权

前端专栏收录该内容

122 篇文章

订阅专栏

Iterator是一种接口，用于各种数据结构提供统一的访问机制。它有三个主要作用：提供统一访问接口，按次序排列数据结构成员，支持新的遍历命令循环。通过Iterator，可以简便地遍历数据结构的所有成员。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

概念

遍历器（Iterator）就是这样一种机制。它是一种接口，为各种不同的数据结构提供统一的访问机制。任何数据结构只要部署 Iterator 接口，就可以完成遍历操作（即依次处理该数据结构的所有成员）

作用

Iterator 的作用有三个：一是为各种数据结构，提供一个统一的、简便的访问接口；二是使得数据结构的成员能够按某种次序排列；三是 ES6 创造了一种新的遍历命令for...of循环，Iterator 接口主要供for...of消费。

代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Iterator</title>
</head>
<body>
<script>
//Iterator接口
{
    let arr = ['hello', 'world'];
    let map = arr[Symbol.iterator]();
    console.log(map);
    //Array Iterator {}
    console.log(map.next());
    //{value: "hello", done: false}
    console.log(map.next());
    //{value: "world", done: false}
    console.log(map.next());
    //{value: undefined, done: true}
}

//自定义Iterator接口
{
    let obj = {
        start: [1, 3, 2],
        end: [7, 9, 8],
        [Symbol.iterator]() {
            let self = this;
            let index = 0;
            let arr = self.start.concat(self.end);
            let len = arr.length;
            return {
                next () {
                    if (index < len) {
                        return {
                            value: arr[index++],
                            done: false
                        }
                    } else {
                        return {
                            value: arr[index++],
                            done: true
                        }
                    }
                }
            }
        }
    }

    for (let key of obj) {
        console.log(key);
        //打印数字1到8
    }

}
</script>
</body>
</html>