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

  • The tree uses JavaScript Node objects with value, left, and right references. Missing children are null; traversal reads those references without mutating the tree.
  • The queue is a mutable Array seeded as [root]. Each loop uses queue.shift() to dequeue the front node, which preserves breadth-first order but reindexes a normal JavaScript array, making each shift O(n) in the current queue length.
  • Visited values are appended to output with output.push(node.value). Non-null child references are enqueued with queue.push(node.left) and queue.push(node.right).
  • The replay shows queue/output states [4] -> [2, 6] with output [4], then [6, 1, 3] with [4, 2], then [1, 3, 5, 7] with [4, 2, 6], ending at queue [] and output [4, 2, 6, 1, 3, 5, 7].
  • console.log(\[${output.join(", ")}]`)formats the deterministic stdout[4, 2, 6, 1, 3, 5, 7]. Heap allocation is the seven-node sample tree, the queue array, the output array, and the strings created by join` and the template literal.
level order Level-order traversal uses a queue to visit shallower nodes first.