Question

40

JSON.stringify, change the case of the key

rated 0 times [ 47] [ 7] / answers: 1 / hits: 24331 / 13 Years ago, wed, march 30, 2011, 12:00:00

I'm consuming a web service that returns json, and storing the json in a local variable. The json represents a simple business object such as:

var entry = {

  FirstName: John,

  LastName: Doe,

  ....

};

The casing is like that because it matches up with the property names from the .net class, as per our naming convention.

When a change a few of these properties and pass back the json, the web service now expects camel case (again, as per our naming convention for method parameters) instead of the pascal case initially returned.

var entry = {

  firstName: John,

  lastName: Doe,

  ....

};

This of course doesn't work.

I'm using JSON.stringify to send the json back to the web service as a string, and I was looking to see if there was an easy way to change the key to camel case. However, it looks like I can only use the replacer param to work with the value.

I could change the serialization of the class, but lets pretend that's not an option. Any ideas?

Thanks.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

mckenna

Add To Favorites

Follow

Total Points: 445

Total Questions: 109

Total Answers: 109

Location: Virgin Islands (U.S.)

Member since Sun, May 16, 2021

3 Years ago

mckenna questions

1 Laravel Livewire: Component in Foreach loop. Button Click shows on all items instead of Single item

Mon, Sep 6, 21, 00:00, 3 Years ago

1 Jest mock aws-sdk ReferenceError: Cannot access before initialization

Sat, Apr 11, 20, 00:00, 4 Years ago

1 Nest js POST Request Not Recognizing DTO method

Fri, Mar 20, 20, 00:00, 4 Years ago

1 How to use prop inside another prop as default value in vuejs

Thu, Mar 28, 19, 00:00, 5 Years ago

1 Javascript: Bind/unbind function behavior

Tue, Nov 27, 18, 00:00, 6 Years ago

View All

answered 13 Years ago kristineterrak · Accepted Answer

You can use a JSON replacer to switch keys before writing.

JSON.stringify(myVal, function (key, value) {

  if (value && typeof value === 'object') {

    var replacement = {};

    for (var k in value) {

      if (Object.hasOwnProperty.call(value, k)) {

        replacement[k && k.charAt(0).toLowerCase() + k.substring(1)] = value[k];

      }

    }

    return replacement;

  }

  return value;

});

For the opposite, you can use a JSON reviver.

JSON.parse(text, function (key, value) {

    if (value && typeof value === 'object')

      for (var k in value) {

        if (/^[A-Z]/.test(k) && Object.hasOwnProperty.call(value, k)) {

          value[k.charAt(0).toLowerCase() + k.substring(1)] = value[k];

          delete value[k];

        }

      }

      return value;

    });

The second optional argument is a function that is called with every value created as part of the parsing or every value about to be written. These implementations simply iterate over keys and lower-cases the first letter of any that have an upper-case letter.

There is documentation for replacers and revivers at http://json.org/js.html :

The optional reviver parameter is a function that will be called for every key and value at every level of the final result. Each value will be replaced by the result of the reviver function. This can be used to reform generic objects into instances of pseudoclasses, or to transform date strings into Date objects.

The stringifier method can take an optional replacer function. It will be called after the toJSON method (if there is one) on each of the values in the structure. It will be passed each key and value as parameters, and this will be bound to object holding the key. The value returned will be stringified.