knockoutjs - Serialización knockout con ko.toJSON: cómo ignorar las propiedades que son nulas

knockoutjs com foreach

Question

Cuando usas:

var dataToSave = ko.toJSON(myViewModel);

.. ¿Es posible no serializar valores que son nulos?

Serializar mi viewModel actual crea alrededor de 500Kb de JSON, la mayoría de los cuales terminan como:

"SomeObject": {
    "Property1": 12345,
    "Property2": "Sometext",
    "Property3": null,
    "Property4": null,
    "Property5": null,
    "Property6": null,
    "Property7": null,
    "Property8": null,
    "Property9": false
}

Si pudiera hacer que el serializador ignorara los valores nulos, esto podría reducirse a:

"SomeObject": {
    "Property1": 12345,
    "Property2": "Sometext",
    "Property9": false
}

¿Alguna idea de cómo puedo ordenar al serializador que ignore los valores nulos?

Answer 1

Puede agregar un método toJSON a su modelo de vista y usarlo para eliminar todas las propiedades innecesarias:

 ViewModel.prototype.toJSON = function() {
     var copy = ko.toJS(this);
     // remove any unneeded properties
     if (copy.unneedProperty == null) {
         delete copy.unneedProperty;
     }
     return copy;
 }

Probablemente podría automatizarlo para ejecutar todas sus propiedades y eliminar las nulas.

Answer 2

Recuerde que ko.toJSON es solo una modificación de JSON stringify . Puede pasar en una función de reemplazo .

Como ejemplo de uso de una función de reemplazo en Knockout, JSFiddle un JSFiddle basado en uno de los tutoriales de eliminación directa . Observe la diferencia entre las funciones makeJson y makeCleanJson . Podemos elegir no devolver ningún valor en nuestra función de reemplazo y el elemento se omitirá en la cadena JSON.

self.makeJson = function() {
    self.JsonInfo(ko.toJSON(self.availableMeals));
};

self.makeCleanJson = function() {
    self.JsonInfo(ko.toJSON(self.availableMeals, function(key, value) {
        if (value == null)
        {
            return;
        }
        else
        {
            return value;
        }
    }));
};