图的深度优先搜索 (DFS) 中的 for/of 和 forEach 有什么区别？

Question

我正在学习图形和dfs_recursion() ，当我尝试使用

for(const ele of adjacencyList[v]){
    if(!obj[ele]) return helper(ele);
}

代替

adjacencyList[v].forEach(neighbor => {
    if(!obj[neighbor]){
        return helper(neighbor);
    }    
})

为什么结果（ graphTraversal.dfs_recursion("A") ）不同？ 第一个是[ 'A', 'B', 'D', 'E', 'C' ]第二个是[ 'A', 'B', 'D', 'E', 'C', 'F' ] （正确答案）。

我在网上搜索了for...of和forEach()的区别，但还是没有forEach() 。 有人可以向我解释一下吗？

我的原始代码如下：

// Build an undirected graph
class Graph {
    constructor(){
        this.adjacencyList = {};
    }

    addVertex(vtx) {
        if(!this.adjacencyList[vtx]) this.adjacencyList[vtx] = [];
        return this.adjacencyList;
    }

    addEdge(v1, v2){
        if(!(this.adjacencyList.hasOwnProperty(v1) && this.adjacencyList.hasOwnProperty(v2))) return "sorry but there is no vertex";
        else{
            this.adjacencyList[v1].push(v2);
            this.adjacencyList[v2].push(v1);
        }
    }  

    dfs_recursion(vtx){
        const arr = [], obj = {};
        const adjacencyList = this.adjacencyList;

        const helper = (v) => {
            if(!v) return null;
            arr.push(v);
            obj[v] = true;

            adjacencyList[v].forEach(neighbor => {
                if(!obj[neighbor]){
                    return helper(neighbor);
                }    
            })
        }
        helper(vtx);

        return arr;
    }
}

let graphTraversal = new Graph();
graphTraversal.addVertex("A");
graphTraversal.addVertex("B");
graphTraversal.addVertex("C");
graphTraversal.addVertex("D");
graphTraversal.addVertex("E");
graphTraversal.addVertex("F");
graphTraversal.addEdge("A", "B");
graphTraversal.addEdge("A", "C");
graphTraversal.addEdge("B", "D");
graphTraversal.addEdge("C", "E");
graphTraversal.addEdge("D", "E");
graphTraversal.addEdge("D", "F");
graphTraversal.addEdge("E", "F");

console.log(graphTraversal.dfs_recursion("A"));

Answer 1

您的for...of循环没有给出正确的结果，因为return导致它过早地跳出循环。 您可以通过删除return来修复它：

for(const ele of adjacencyList[v]){
    if(!obj[ele]) helper(ele);
}

Mozilla 开发者网络 (MDN) 的解释：

在for...of循环中，突然的迭代终止可能由break 、 throw或return引起。 在这些情况下，迭代器是关闭的。

（来源： for...of文章，“关闭迭代器”部分）