Advent of Code Day 15: Dueling JavaScript Generators [Video]

DZone 's Guide to

Advent of Code Day 15: Dueling JavaScript Generators [Video]

In this article, a web developer explores the world of generators, explains what generators do, and how to use them in your JavaScript code.

· Web Dev Zone ·
Free Resource

Advent of Code Day 15 was basically all about finding the right programming language. It needs built-in support for generators. You don't want to build that from scratch.

But what's a generator anyway?

Well, a generator is like an infinite loop that doesn't cause problems. The computer holds it paused in memory and only advances to the next iteration when you say, "Hey, what's the next value?"

I don't know how it's implemented internally. If I had to guess, I'd say the engine holds the entire state on a stack of some sort and advances values when you ask for the next step. A lot like recursion.

The full generator for Day 15 looks like this:

function* star2generator(factor, startingValue, denominator) {
    let val = startingValue;
    while (true) {
        val = (val * factor) % 2147483647;
        if (val % denominator === 0) {
            yield val;

This starts from a startingValue and multiplies val with factor and mods the result with 2147483647forever. Notice the while(true)? When I say forever, I mean forever.

But it won't crash your node runtime or your browser. Because function* and yield turn it into a generator that follows the "only execute when called" logic.

You get the next value like this:

const A = generator(16807, startA, denomA);
A.next().value // some number
A.next().value // next number

The full generator only returns values that are divisible by a denominator. That's from part 2 of Day 15. The first part returned every value.

If that 2147483647 number looks familiar, it's because that's the highest number you can represent in 32 bits. This is significant because we're going to be doing some bitwise operations and JavaScript can only do those up to 32 bits.

Numbers are generally represented as 64 bits in JavaScript.

Wtf Are We Doing?

Right, so that's how generators work. The reason we need generators is that the puzzle for Advent of Code Day 15 goes like this:

Take two generators that follow similar logic and see how often the lowest 16 bits of their output match in 40,000,000 tries.

For Star 2 we make them sync up a little better, check for only 5,000,000 tries.

The generator above can handle both puzzle generators. They only differ in starting value and denominator.

To count the number of matches, I used this function:

function countMatches({
    denominators = [],
}) {
    const A = generator(16807, startA, denominators[0]),
        B = generator(48271, startB, denominators[1]);

    let judge = 0,
        mask = 0b00000000000000001111111111111111;

    for (let i = 0; i < sampleSize; i++) {
        if ((A.next().value & mask) === (B.next().value & mask)) {
            judge += 1;

    return judge;

The same function can do both Star 1 and Star 2 of the puzzle depending on input.

Here's how it works:

  1. Create generators A and B
  2. Start at count of 0 (the judge variable).
  3. Create a mask that takes out the lower 16 bits of a number.
  4. Loop until sampleSize
  5. Take next() values from the generators, bitwise AND them with the mask, compare values.
  6. If numbers match, increment judge
  7. When it's done looping, judge is our result.

Solving for Star 1 and Star 2 then becomes a matter of calling the matchCount function with our inputs.

        startA: 591,
        startB: 393,
        generator: star2generator,
        denominators: [4, 8],
        sampleSize: 5000000

Boom! Puzzle solved in about 20 minutes.

And now you know how generators work. Although I still don't know where you'd use them in a web app.    

web dev ,generators ,javascript

Published at DZone with permission of Swizec Teller , DZone MVB. See the original article here.

Opinions expressed by DZone contributors are their own.

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}