Create a fixed seven-node binary tree and render its shape.

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();
console.log(render(root));

Complexity

  • Time: O(n)
  • Space: O(n)

Implementation notes

  • Each tree entry is a JavaScript Node object with value, left, and right properties. The constructor defaults left and right to null, so leaf nodes like new Node(1) and new Node(3) have explicit missing child references.
  • sampleTree() wires object references directly with nested constructor calls: 2 receives nodes 1 and 3, 6 receives nodes 5 and 7, and root 4 receives those two subtree objects.
  • The replay shows construction bottom-up: create 1, create 3, create 2(1,3), create 5, create 7, create 6(5,7), then create the root 4(2(1,3),6(5,7)).
  • render(node) recursively follows references, returns _ for null, and returns just String(node.value) for leaves. Internal nodes are formatted as ${value}(${left},${right}).
  • console.log(render(root)) prints 4(2(1,3),6(5,7)). The material heap allocation is the seven Node objects plus short strings created while rendering, all managed by the JavaScript runtime GC.
node links A node stores one value plus references to its left and right children.