JavaScript重写Symbol(Symbol.iterator)实现迭代器（3）

最新推荐文章于 2024-07-19 00:10:41 发布

张张打怪兽

最新推荐文章于 2024-07-19 00:10:41 发布

阅读量473

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/qq_38188047/article/details/106583906

版权

js 专栏收录该内容

38 篇文章 0 订阅

订阅专栏

方便json对象迭代可以用…object

示例图
在这里插入图片描述

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <h1>json对象或数组遍历重写iterator接口3</h1>
</body>
<script>
    function iteratorUtil() {
        let index = -1;
        let _this = this;
        if (_this instanceof Array) {
            return {
                next() {
                    let len = _this.length;
                    //console.log(len);
                    index++;
                    //console.log(index);
                    return index < len ? {
                        value: _this[index],
                        done: false
                    } : {
                        value: _this[index],
                        done: true
                    };
                }
            };
        } else {
            let keys = Object.keys(_this);
            let len = keys.length;
            return {
                next() {
                    index++;
                    let key = keys[index];
                    return index < len ? {
                        value: _this[key],
                        done: false
                    } : {
                        value: _this[key],
                        done: true
                    };
                }
            };
        }

    }

    let user = {
        username : '张三',
        age : 123,
        sex: '妖',
        eat(){
            console.log('吃西瓜');
        }
    };
    //json对象迭代
    Object.prototype[Symbol.iterator] = iteratorUtil;
    Array.prototype[Symbol.iterator] = iteratorUtil;
    for(const item of user) {
        console.log(item);
    }
    console.log('%c-------------------------------------------','color:red');
    console.log(...user);

    console.log('%c-------------------------------------------','color:red');

    let user2 = [...user,...user]
    //json对象 转数组
    console.log(user2);
    console.log('%c-------------------------------------------','color:red');
    //数组迭代
    let arr = [1,2,3,4];
    for (const item of arr) {
        console.log(item);
    }

    console.log('%c-------------------------------------------','color:red');
    console.log(...arr);

</script>

</html>