js实现深度优先遍历和广度优先遍历

深度优先遍历和广度优先遍历

什么是深度优先和广度优先

其实简单来讲 深度优先就是自上而下的遍历搜索 广度优先则是逐层遍历, 以下图所示

1.深度优先

 

2.广度优先

 

二者的区别

对于算法来讲 无非就是时间换空间 空间换时间

1. 深度优先不须要记住全部的节点, 因此占用空间小, 而广度优先须要先记录全部的节点占用空间大
2. 深度优先有回溯的操做(没有路走了须要回头)因此相对而言时间会长一点

深度优先采用的是堆栈的形式, 即先进后出
广度优先则采用的是队列的形式, 即先进先出

具体代码

const data = [ { name: 'a', children: [ { name: 'b', children: [{ name: 'e' }] }, { name: 'c', children: [{ name: 'f' }] }, { name: 'd', children: [{ name: 'g' }] }, ], }, { name: 'a2', children: [ { name: 'b2', children: [{ name: 'e2' }] }, { name: 'c2', children: [{ name: 'f2' }] }, { name: 'd2', children: [{ name: 'g2' }] }, ], } ] // 深度遍历, 使用递归 function getName(data) { const result = []; data.forEach(item => { const map = data => { result.push(data.name); data.children && data.children.forEach(child => map(child)); } map(item); }) return result.join(','); } // 广度遍历, 建立一个执行队列, 当队列为空的时候则结束 function getName2(data) { let result = []; let queue = data; while (queue.length > 0) { [...queue].forEach(child => { queue.shift(); result.push(child.name); child.children && (queue.push(...child.children)); }); } return result.join(','); } console.log(getName(data)) console.log(getName2(data))