将对象变成可迭代对象

MysTic_

于 2023-05-07 16:04:21 发布

阅读量57

点赞数

CC 4.0 BY-SA版权

文章标签： javascript java html

本文链接：https://blog.csdn.net/MysTic_/article/details/129789553

该代码示例展示了一个包含name、height、hobbies及sight属性的对象，并定义了一个Symbol迭代器来遍历其属性。通过for...of循环，可以逐个打印出对象的属性值。

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        let obj = {
            name: 'mystic',
            height: 180,
            hobbies: ['swim', 'sing'],
            sight: {
                left: 5.0,
                right:5.0
            },
            [Symbol.iterator]: function() {
                let index = 0
                let names = Object.getOwnPropertyNames(this)
                return {
                    next: () => {
                        if (index < names.length) {
                            return {value: this[names[index++]], done: false}
                        } else {
                            return {value: null, done: true}
                        }
                    }
                }
            }    
        }
        
        for(let item of obj) {
            console.log(item)
        }

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