A custom AngularJS Filter for printing a human-readable list.

prettyListFilter.js

/**
 *  A custom AngularJS Filter for printing a human-readable list. 
 *
 *  Example: Use in a controller:
 *
 *    $scope.daysOfTheWeek = ['Monday', 'Tuesday', 'Wednesday' ]
 *
 *  Example: Use in a template:
 *
 *     {{ daysOfTheWeek | prettyList }}
 *  
 *  Output: "Monday, Tuesday, and Wednesday"
 *
 */

(function () {
  
  angular
    .module('customFilters', [])
    .filter('prettyList', prettyListFilter);
  
  function prettyListFilter () {
    return function (inputList, finalJoin) {
      
      if (inputList.length == 1) { return inputList[0]; }

      finalJoin = finalJoin || ' and ';
      
      if (inputList.length == 2) { return inputList[0] + finalJoin + inputList[1]; }      
      
      var join = ', ',
          arr = inputList.slice(0),
          last = arr.pop();

      return arr.join(join) + ',' + finalJoin + last; 
    };
  }

})();