Reto para la Práctica de OOP

Solución al reto2:

Modifique dataTable para que aquellas celdas en las que el valor es un objeto en vez de una String o un Number se interpreten como del tipo specificado en el atributo type del objeto

Ejemplo:

{"name": {"type": "StrechCell", params: ["Teide", 2, 6]},
{"name": "Mont Blanc", "height": {"type": "TCell", params: [4808]}, "country": "Italy/France"},

El Contexto. Introducción

La función dataTable en d-table.js es la que parsea el objeto construído a partir de la entrada y decide la clase de celda que se aplica a cada entrada, retornando un array de objetos que son de alguna clase Celda:

  dataTable(data) {
    var keys = Object.keys(data[0]);
    var headers = keys.map(function(name) {
      return new UnderlinedCell(name);
    });
    var body = data.map(function(row) {
      return keys.map(function(name) {
        var value = row[name];

        if (/^\s*[-+]?\d+([.]\d*)?([eE][-+]?\d+)?\s*$/.test(value))
          return new RCell(String(value));
        else
          return new TCell(String(value));
      });
    });
    return [headers].concat(body);
  }

• Los nombres de los atributos del objeto son tratados como objetos de la clase UnderlinedCell:

    var headers = keys.map(function(name) {
      return new UnderlinedCell(name);
    });

• Si parece que el contenido es un número, es tratado como una RCell

          if (/^\s*[-+]?\d+([.]\d*)?([eE][-+]?\d+)?\s*$/.test(value))
            return new RCell(String(value));

• Si no, es tratado como una TCell:

          else
            return new TCell(String(value));

El problema

Modifique dataTable para que aquellas celdas en las que el valor es un objeto en vez de una String o un Number se interpreten como del tipo specificado en el atributo type

Sigue un ejemplo de entrada:

  	[
  		{"name": {"type": "StrechCell", "params": ["Teide", 6, 2]}, "height": 3718, "country": "Spain"},
  		{"name": "Kilimanjaro\nMontaña mágica", "height": 5895, "country": "Tanzania"},
  		{"name": "Everest", "height": 8848, "country": "Nepal\nPaís lejano"},
  		{"name": {"type": "StrechCell", "params": ["Mount Fuji", 2]}, "height": 3776, "country": "Japan"},
  		{"name": "Mont Blanc", "height": {"type": "StrechCell", "params": [4808, 4, 2]}, "country": "Italy/France"},
  		{"name": "Vaalserberg", "height": 323, "country": "Netherlands"},
  		{"name": "Denali", "height": 6168, "country": "United States"},
  		{"name": "Popocatepetl", "height": 5465, "country": { "type": "RCell", "params": ["Mexico"]} }
  	]

El atributo type tiene el nombre de la clase de la celda y el atributo params la lista de parámetros que se pasaran al constructor de la clase.

Notas

Puede verse la solución comentada en el vídeo del profesor Reto "oop lying out a table" solución con strategy+registry pattern.