Search⌘ K
AI Features
Home
Courses
Learn Data Structures and Algorithms in JavaScript

Recursion vs. Iteration

Explore how recursion and iteration solve the same problems differently in JavaScript. Learn the advantages and drawbacks of each, including memory use, speed, and readability. Understand when to apply recursion for naturally self-similar problems and when iteration is more efficient for linear tasks.

We'll cover the following...

In the previous lesson, recursion was introduced as a technique where a function calls itself with a smaller input until it reaches a base case. This raises an important question: if loops can already handle repetition, what advantages does recursion provide? Conversely, why is recursion not always the preferred approach?

The answer is that recursion and iteration are two different tools, and knowing when to reach for each one is an important skill. In this lesson, we will solve the same problem both ways, compare the two approaches, and build an intuition for when each one is the right choice.

Two ways to solve the same problem

Let's use factorial again as we are already familiar with it. Recall that 5! = 5 × 4 × 3 × 2 × 1 = 120.

Iterative approach

An iterative solution uses a loop to multiply the numbers together one by one, building up the result step by step.

Javascript (babel-node)
function factorialIterative(n) {
    let result = 1;
    for (let i = 1; i <= n; i++) {
        result *= i;
    }
    return result;
}
console.log(factorialIterative(5)); // Output: 120
console.log(factorialIterative(3)); // Output: 6
console.log(factorialIterative(0)); // Output: 1

The loop starts at 1 and multiplies up to n, storing the running total in ...