getting-started/underscore.map.reduce-revealing-module/index.html

<!DOCTYPE html>
<html>

<head>
  <title>Getting started - Underscore.map.reduce and revealing module pattern</title>
  <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.0/jquery.js"></script>
  <script src="http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore.js"></script>
</head>

<body>
  <div>Example output:</div>
  <div id="output"></div>
  <script>
    var awardAgeCalculator = (function() {
      var getPeople = function() {
        return [{
          name: "Herta Muller",
          birthYear: 1953,
          awardYear: 2009
        }, {
          name: "Mario Vargas Llosa",
          birthYear: 1936,
          awardYear: 2010
        }, {
          name: "Tomas Transtromer",
          birthYear: 1931,
          awardYear: 2011
        }, {
          name: "Mo Yan",
          birthYear: 1955,
          awardYear: 2012
        }, {
          name: "Alice Munro",
          birthYear: 1931,
          awardYear: 2013
        }, {
          name: "Patrick Modiano",
          birthYear: 1945,
          awardYear: 2014
        }];
      };

      var innerGetPeopleWithAwardAge = function() {
        return _.map(getPeople(), function(person) {
          return {
            name: person.name,
            awardAge: person.awardYear - person.birthYear
          };
        });
      };

      return {
        getPeopleWithAwardAge: innerGetPeopleWithAwardAge,
        getAverageAwardAge: function() {
          var peopleWithAwardAge = innerGetPeopleWithAwardAge();
          var totalAwardAge = _.reduce(peopleWithAwardAge, function(memo, person) {
            return memo + person.awardAge;
          }, 0);
          return totalAwardAge / peopleWithAwardAge.length;
        }
      };
    }());

    $(document).ready(function() {
      var outputContent = "<br />Award age for people:";
      _.each(awardAgeCalculator.getPeopleWithAwardAge(), function(person) {
        outputContent += "<br />";
        outputContent += " - " + person.name + " was " + person.awardAge + " years old";
      });
      var averageAwardAge = Math.floor(awardAgeCalculator.getAverageAwardAge());
      outputContent += "<br /><br />" + "Average award age is " + averageAwardAge + " years old.";
      $("#output").html(outputContent);
    });
  </script>
</body>

</html>