Some simple javascript template functions

naive-template.js

// all falsy values do not display
function makeTemplate (html) {
  return function (data) {
    return html.replace(/\{\{\s*([^\s}]+?)\s*\}\}/g, function (match, key) {
      return key.split('.').reduce(function (data, key) {
        return data ? (data[key] || '') : '';
      }, data);
    });
  };
}

simple-template.js

// very simple, no object traversal, skips falsy values
function makeTemplate (html) {
  return function (data) {
    return html.replace(/\{\{\s*([^\s}]+?)\s*\}\}/g, function (match, key) {
      return data[key] || '';
    });
  };
}

typesafe-template.js

// allows for false and 0 to be displayed
function makeTemplate (html) {
  return function (data) {
    return html.replace(/\{\{\s*([^\s}]+?)\s*\}\}/g, function (match, key) {
      return key.split('.').reduce(function (data, key) {
        if (typeof data != 'object') {
          return data;
        }
        var value = data[key];
        if (typeof value == 'number' || typeof value == 'boolean') {
          return value;
        }
        return value || '';
      }, data);
    });
  };
}

zero-template.js

// allows for just 0 to be displayed
function makeTemplate (html) {
  return function (data) {
    return html.replace(/\{\{\s*([^\s}]+?)\s*\}\}/g, function (match, key) {
      return key.split('.').reduce(function (data, key) {
        if (typeof data != 'object') {
          return data;
        }
        return (data[key] === 0 && '0') || data[key] || '';
      }, data);
    });
  };
}