Javascript: Heredar + modificar matriz asociativa?

Question

Estoy buscando una manera elegante para anular valores en una matriz asociativa.

Por ejemplo, decir que tengo mis opciones de base como:

var base_options = {
    hintText:"something",
    borderStyle:Titanium.UI.INPUT_BORDERSTYLE_ROUNDED,
    width: 200, height: LABEL_HEIGHT-4,
    font: {fontSize:16}, left: 95
}

Quiero usar esto como la base, pero ser capaz de anular algunos artículos en esta base sobre una base de caso por caso - por ejemplo, hintText sería diferente para cada elemento. ¿Cuál es una manera limpia y elegante para obtener una copia de esta matriz con unos parámetros modificados?

Me doy cuenta de que puedo cambiar cada elemento individual, como en:

options.hintText = "new thing";

pero sospecho que hay una manera más elegante.

Answer 1

Se podría utilizar una clase base para encapsular el comportamiento Weston proponer.

function Options(changed_options) {
     this.hintText = "something";
     this.borderStyle =Titanium.UI.INPUT_BORDERSTYLE_ROUNDED;
     // ...

     if(changed_options)
         for(var prop in changed_options) 
             this[prop] = changed_options[prop];
}

var foo = new Options({ "hintText":"changed"});

El trabajo debe.

Answer 2

He implementado esta función en algunos de mis proyectos:

if (typeof Object.merge !== 'function') {
    Object.merge = function (o1, o2) { // Function to merge all of the properties from one object into another
        for(var i in o2) { o1[i] = o2[i]; }
        return o1;
    };
} 

Por lo tanto, ahora puedo usarlo como:

Object.merge(options, {hintText: "new thing", left: 55});

En cuanto a la copia de objetos, ya hay una buena Stackoverflow discusión al respecto.

Answer 3

Algo como esto?

var changed_options = { 
   hintText: "somethingElse",
   font: {fontSize: 24} 
}

for(var prop in changed_options) 
    base_options[prop] = changed_options[prop];

Answer 4

function merge(base, options) { 
   var result = {};
   for (var k in base) if (base.hasOwnProperty(k)) {
      result[k] = options[k] || base[k];
   } // note, it will leave out properties that are in options, but not in base..
   return result;
}

Si se esté utilizando jQuery, se ha incorporado un método extend en el objeto jQuery que hace esto.

Answer 5

Se podría utilizar prototipo del objeto de establecer la herencia, así:

function inherited_object(extra_properties){
    for(var i in extra_properties){
        this[i] = extra_properties[i];
    }
}
function inherit_from(parent, extra_properties){
    inherited_object.prototype = parent;
    var obj = new inherited_object(extra_properties || {});
    inherited_object.prototype = null;
    return obj;
}

A continuación, si tiene alguna A objeto que acaba de llamar B = inherit_from(A, B_stuff) y eso es todo. Una ventaja es que, debido a A es el prototipo de B, los cambios realizados a A se reflejan en B.

Answer 6

var base_options = function() { 
    hintText:arguments[0], 
    borderStyle:arguments[1], 
    width:arguments[2],
    height:arguments[3], 
    font:arguments[4]
    left:arguments[5]
};

var thisObj = new base_option(blah, blah, blah, blah, blah);

Esto puede parecer una exageración, pero luego se puede añadir todos los nuevos casos de una matriz y utilizar un bucle para ellos cuando se quiere / necesidad de cambiarlos.