首页 > 其他分享 >ES6-ES11 迭代器应用-自定义遍历数据

ES6-ES11 迭代器应用-自定义遍历数据

时间:2023-03-04 20:33:54浏览次数:53  
标签:ES6 遍历 return 自定义 index let stus ES11

原视频

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>自定义遍历数据</title>
</head>

<body>
    <script>
        //声明一个对象
        const banji = {
            name: "终极一班",
            stus: [
                'xiaoming',
                'xiaoning',
                'xiaotian',
                'knight'
            ],
            [Symbol.iterator]() {
                //索引变量
                let index = 0;
                //
                let _this = this;
                return {
                    next: function () {
                        if (index < _this.stus.length) {
                            const result = { value: _this.stus[index], done: false };
                            //下标自增
                            index++;
                            //返回结果
                            return result;
                        }else{
                            return {value: undefined, done: true};
                        }
                    }
                };
            }
        }

        //遍历这个对象 
        for (let v of banji) {
            console.log(v);
        }
    </script>
</body>

</html>

标签:ES6,遍历,return,自定义,index,let,stus,ES11
From: https://www.cnblogs.com/chuixulvcao/p/17179037.html

相关文章