Pushing Objects From Function Factories into Arrays

Question

I made two function factories, one for zombies, one for humans. I want to have a function that takes the difference between the total zombie health versus total human attack. It works with one each, but I cant wrap my head around how to do multiple humans versus zombies. I have tried pushing the human objects to an array so that I could sum all the attack(i would repeat for zombies), but no luck...

//Create a Human spawning object
var humanArr = [];
const humanSpawns = (attack) => {
    let human = {
        attack: attack
    };
    humanArr.push(human);
};


//Create a Zombie spawning object
const zombieSpawns = (health) => {
    return {
        health: health
    }
};


//Create function to have humans and zombies fight
function fight() {
   var result = humanOne.attack - zombieOne.health;
   if(result > 0) {
       document.write('Live to see another day.');
   } else {
       document.write('The zombies are taking over!');
   }
}

const zombieOne = zombieSpawns(12);
const humanOne = humanSpawns(11);
fight();

Answer 1

Try something similar to my snippet, what you really need is a method to create units. I used plain objects, but if you want to return casualties let's say, you would need to return an array of humanoids per main object, and splice them in battle based on the incoming damage. Take it easy, you'll get to see your armies fight!

The logic i pursued:

1. I need an army !

   1.1. To create an army, first i need some units, so i build createHumanoid (should have renamed this to createArmy)

   1.2. createHumanoid will help set some properties for the units and how many of them will be in my army.

2. Create an armies array, where i will create my armies using createHumanoid

3. I needed to know how strong is the army so i build getArmyPower that returns the name and power of an army, this will be used in 4.2. .

4. The battle begins ! (favoriteArmy = 'humans')

   4.1. fight method is being created and takes two parameters, first is armies, second is favoriteArmy

   4.2. Using .map method i apply getArmyPower to each of my armies(elements of the array) to know their power

   4.3. Then i use .sort to sort them descending by the army.power

   4.4. let victorious = armies[0]; will get me the first element from the sorted array. The one with the highest power. Or you can use destructuring and write it like let [victorious] = armies; (that represents the first element from the array)

   4.5. I compare the victorious.name with favoriteArmy to check if the army i'm interested in had won or lost.

/**
 * A function to create units
 */
const createHumanoid = (race, howMany, stats) => {

  return {
    name: race,
    armySize: howMany,
    unitStats: stats
  }

};

/**
 * Register the armies into battle
 */
let armies = [

  createHumanoid('humans', 12, {
    health: 10,
    attack: 12
  }),
  createHumanoid('zombies', 5, {
    health: 30,
    attack: 12
  }),

]

/**
 * Get the max power of each army - you can adjust the algorithm
 */
const getArmyPower = (army) => {
  return {
    name: army.name,
    power: +army.armySize * (+army.unitStats.health + +army.unitStats.attack)
  }

}

/**
 * Let them fight and see what your favorite army did in the battle
 */
function fight(armies, favoriteArmy) {

  armies = armies
    .map(army => getArmyPower(army))
    .sort((a, b) => b.power - a.power);

  let victorious = armies[0];

  if (victorious.name.toLowerCase() === favoriteArmy.toLowerCase()) {
    document.write('Live to see another day.');
  } else {
    document.write('The zombies are taking over!');
  }
}

fight(armies, 'humans');