Skip to content

Instantly share code, notes, and snippets.

@CelineChole
Last active June 20, 2020 04:56
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save CelineChole/1fa7d405b1efeed3ebfe04047c6b8342 to your computer and use it in GitHub Desktop.
Save CelineChole/1fa7d405b1efeed3ebfe04047c6b8342 to your computer and use it in GitHub Desktop.

Recursion Recursion Recursion

A bit of etymology

Recursion is the act of recurring.

It comes from the latin word recursiō which is the act of running back or again. This is from recurrō, return, run back:

  • re: back, again
  • currō: run

Google definition

What is recursion?

Recursion is when a function calls itself.

Let's try:

function hello() {
  console.log('hi')
  return hello();
}
function factorial(x) {
  if (x < 0) return;
  if (x === 0) return 1;
  return x * factorial(x - 1);
}

factorial(3);
// 6

The important part is happening on line 4: return x * factorial(x — 1);.

The function is actually calling itself again ( factorial(x-1) ), but with a parameter that is one less than when it was called the first time. This makes it a recursive function.

factorial(3); // returns 3 * factorial(2)
factorial(2); // returns 2 * factorial(1)
factorial(1); // returns 1 * factorial(0)
factorial(0); // returns 1

// Now that we've hit our base case, our function will return in order from inner to outer:

factorial(0); // returns 1                 => 1
factorial(1); // returns 1 * factorial(0)  => 1 * 1
factorial(2); // returns 2 * factorial(1)  => 2 * 1 * 1
factorial(3); // returns 3 * factorial(2)  => 3 * 2 * 1 * 1
// 3 * 2 * 1 * 1 = 6

The base case

if (this happens) => { we're done!! }

The base case stops our recursion end returns the result.

The recursive case

A recursive case, in which the function must call itself to break the current problem down to a simpler level.

Let's practice 🤘

Question 1: Print all

Write a function printAll to go through an array and print out all of the elements.

Input: [a, b, c, d, e]
Output: a, b, c, d, e
function printAll(arr){
  if(arr.length === 0) return;
  console.log(arr[0])
  arr.shift()
  return printAll(arr)
}

Question 2: Sum all numbers

Write a function called sumRange. It will take a number and return the sum of all numbers from 1 up to the number passed in.

Input: 3
Output: 6 // (1+2+3)
function sumRange(num) {
  if(num === 1) return 1;

  return num + sumRange(num - 1);
}

Question 3: Power function

Write a function called power which takes in a base and an exponent. If the exponent is 0, return 1.

Input: 2, 2
Output: 4

Input: 2, 1
Output: 2

Input: 2, 0
Output: 1
2^4 = 2 * 2^3;
2^3 = 2 * 2^2;
2^2 = 2 * 2^1;
2^1 = 2 * 2^0; 
// once our exponent is 0 we know that the value is always 1!
function power(base, exponent) {
  if (exponent === 0) return 1;

  return base * power(base, exponent - 1);
}

Question 4: Product of an array

Write a function called productOfArray which takes in an array of numbers and returns the product of them all.

Input: [1,2,3]
Output: 6
function productOfArray(array) {
	if (array.length === 0) return 1;

	return array.shift() * productOfArray(array);
}

Question 5: Greatest Common Divisor

Write a function called greatestComDivisor to find the greatest common divisor of two positive numbers.

input: 123, 235
output: 
function greatestComDivisor(a, b) {
  if (!b) {
    return a;
  }
  return greatestComDivisor(b, a % b);
};

Question 6: Reverse String

Write a function called reverse that takes a string and reverse it.

Input: 'hello'
Output: 'olleh'
function reverse(string) {
  // Base case
  if (string.length < 2) return string;
  // Recursive case
  return reverse(string.slice(1, string.length)) + string[0];
}

Recursive data structures

A recursive data structure is a data structure that contains smaller versions of the same structure inside of itself. In Javascript, a basic example of a recursive data structure could be an object that contains other objects:

const danielKing= {
  name: {
    firstName: 'Daniel',
    lastName: 'King',
  },
  favorites: {
    foods: [
      'pizza',
      'curry'
    ]
  }
}

The most common recursive data structures are linked list and trees.

Binary Search tree

Question 7: Sum a BST

Given the root node of a binary search tree, return the sum of values of all nodes with value between L and R (inclusive).

The binary search tree is guaranteed to have unique values.

Input: root = [10,5,15,3,7,null,18], L = 7, R = 15
Output: 32
Input:  root = [10,5,15,3,7,13,18,1,null,6], L = 6, R = 10
Output: 23
class Node {
  constructor(value, left = undefined, right = undefined) {
    this.value = value;
    this.left = left;
    this.right = right;
  }
}

const rangeSumBST = function(root, L, R) {
  let sum = 0;
  if (!root) {
      return sum;
  }
  if (root.val >= L && root.val <= R) {
      sum += root.val;
  }
  return sum + rangeSumBST(root.left, L, R) + rangeSumBST(root.right, L, R);
};

In general, you should only use recursion if it would be significantly simpler than the iterative solution. A good rule of thumb is to use recursion when it helps makes your code more readable. In most cases iterative solutions are preferable over recursive solutions because recursion has some added performance costs, like extra function calls.

Resources

📺 YouTube: Recursion - Part 7 of Functional Programming in JavaScript

📺The Coding Train, Coding Challenge - Recursion

Learning to think with recursion, part 1

Learning to think with recursion, part 2

Learn and understand recursion in JavaScript Recursion and stack

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment