为什么无法全部遍历打印

<!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>
    <script>
        const obj = {
            "0": "xm",
            "sex": "male",
            length: 2
        }
        // 在此补充代码
        obj[Symbol.iterator]=Array.prototype[Symbol.iterator];
        for(const i of obj){
            console.log(i)
        }
        
    </script>
</body>
 
</html>

问题描述：

为什么无法全部遍历打印，问题在哪？

GanKuoLong 2023-02-04

源自：遍历器与 for...of 循环 2-11 编程练习

收起

1回答

好帮手慕星星回答被采纳获得+3积分 2023-02-04 15:07:48

同学你好，遍历的是有索引的，例如数组：

而对象中的属性名为数字的只有第一个0，所以只输出xm；不是数字的，会返回undefined值，并且length不会输出。

建议参考课程中的写法：

修改为：

const obj = {
            "0": "xm",
            "sex": "male",
            length: 2
        };
        // 在此补充代码
        // obj[Symbol.iterator] = Array.prototype[Symbol.iterator];
        obj[Symbol.iterator] = () => {
 
            let index = 0;
 
            return {
 
                next() {
 
                    index++;
 
                    if (index === 1) {
 
                        return {
 
                            value: obj["0"],
 
                            done: false,
 
                        };
 
                    } else if (index === 2) {
 
                        return {
 
                            value: obj["sex"],
 
                            done: false,
 
                        };
 
                    } else if (index === 3) {
 
                        return {
 
                            value: obj["length"],
 
                        };
 
                    } else {
 
                        return {
 
                            done: true,
 
                        };
 
                    }
 
                },
 
            };
 
        };
        for (const i of obj) {
            console.log(i);
        }

祝学习愉快！

收起回答

GanKuoLong 提问者 #1
看了代码我有两个问题
1. 为什么函数没有()执行也能运行函数语句并返回值？
2. 对象内为什么可以放index++跟if判断语句，不是说对象内只能放键与值对吗？
2023-02-04 15:30:50
好帮手慕星星回复提问者 GanKuoLong #2

1、es6中的for...of循环，Iterator 接口主要供for...of消费。文档：
https://es6.ruanyifeng.com/#docs/iterator
可以理解为next()方法是for...of遍历的时候内部自动调用的，不需要我们手动调用。
2、next是方法不是对象，所以可以定义变量以及判断等语句
自己理解下。

2023-02-04 16:56:19