Level-Order Traversal - JavaScript DSA

Visit a tree breadth-first with a queue.

Algorithm

The canonical tree is 4(2(1,3),6(5,7)), so this JavaScript DSA implementation can be compared directly with the rest of the DSA track.

Basic Implementation

basic.js

class Node {
  constructor(value, left = null, right = null) {
    this.value = value;
    this.left = left;
    this.right = right;
  }
}
function render(node) {
  if (node === null) return "_";
  if (node.left === null && node.right === null) return String(node.value);
  return `${node.value}(${render(node.left)},${render(node.right)})`;
}
function sampleTree() {
  return new Node(4, new Node(2, new Node(1), new Node(3)), new Node(6, new Node(5), new Node(7)));
}

const root = sampleTree();
const queue = [root];
const output = [];
while (queue.length > 0) { const node = queue.shift(); output.push(node.value); if (node.left) queue.push(node.left); if (node.right) queue.push(node.right); }
console.log(`[${output.join(", ")}]`);

Complexity

Time: O(n)
Space: O(w) queue space

Implementation notes

Render tree structure explicitly instead of printing node objects.
The replay highlights the node, traversal state, queue, path, or search cursor that changes at each step.

level order Level-order traversal uses a queue to visit shallower nodes first.