es6 迭代器-symbol.iterator

Posted 天行子

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了es6 迭代器-symbol.iterator相关的知识,希望对你有一定的参考价值。

迭代器-symbol.iterator

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>迭代器-symbol.iterator</title>

</head>
<body>
<div id="ad">

</div>
<div></div>
<script>

    const school = {
        name: "清华大学",
        student:[
            "小明",
            "小刚"
        ],
        [Symbol.iterator](){
            let _this = this;
            let index = 0;
            return {
                next(){
                    if(index < _this.student.length){
                        const result = {value:_this.student[index],done:false};
                        index++;
                        return result;
                    }else{
                        return {value:undefined, done:true}
                    }
                }
            }
        }
    };

    console.log(\'test\');
    for(let i of school){
        console.log(i);
    }
</script>
</body>
</html>

以上是关于es6 迭代器-symbol.iterator的主要内容,如果未能解决你的问题,请参考以下文章

ES6 - 基础学习(13): Iterator(迭代器) 和 for...of 循环

ES6 迭代器简述

ES6 从入门到精通 # 14:迭代器 Iterator 的用法

ES6 从入门到精通 # 14:迭代器 Iterator 的用法

迭代器,生成器的理解

ES6 中的 iterator