How to rename JSON key

Question

I have a JSON object with the following content               id   5078c3a803ff4197dc81fbfb        email   user1 gmail com        image   some image url        name   Name 1                 id   5078c3a803ff4197dc81fbfc        email   user2 gmail com        image   some image url        name   Name 2          I want to change the   id  key to  id  so it would become             id   5078c3a803ff4197dc81fbfb        email   user1 gmail com        image   some image url        name   Name 1                id   5078c3a803ff4197dc81fbfc        email   user2 gmail com        image   some image url        name   Name 2          How would I do that either with Javascript  jQuery or Ruby  Rails   Thanks

User · Answer

If you want to rename all occurrences of some key you can use a regex with the g option  For example   var json       id   1   email   user1 gmail com   image   some image url   name   Name 1      id   2   email   user2 gmail com   image   some image url   name   Name 2      str   JSON stringify json     now we have the json in string format in str   Replace all occurrences of   id  to  id  using regex with the g option   str   str replace     id    g     id         and return to json format   json   JSON parse str     now we have our json with the wanted key name

User · Answer

JSON parse has two parameters  The second parameter  reviver  is a transform function that can be formatted output format we want  See ECMA specification here    In reviver function    if we return undefined  the original property will be deleted  this is the object containing the property being processed as this function  and the property name as a string  the property value as arguments of this function    const json        id   5078c3a803ff4197dc81fbfb   email   user1 gmail com   image   some image url   name   Name 1      id   5078c3a803ff4197dc81fbfc   email   user2 gmail com   image   some image url   name   Name 2       const obj   JSON parse json  function k  v        if  k       id             this id   v          return    if return  undefined  orignal property will be removed           return v       const res   JSON stringify obj   console log res    output      email   user1 gmail com   image   some image url   name   Name 1   id   5078c3a803ff4197dc81fbfb     email   user2 gmail com   image   some image url   name   Name 2   id   5078c3a803ff4197dc81fbfc

User · Answer

If your object looks like this  obj          quot  id quot   quot 5078c3a803ff4197dc81fbfb quot        quot email quot   quot user1 gmail com quot        quot image quot   quot some image url quot        quot name quot   quot Name 1 quot        Probably the simplest method in JavaScript is  obj id   obj  id del object   id    As a result  you will get  obj          quot id quot   quot 5078c3a803ff4197dc81fbfb quot        quot email quot   quot user1 gmail com quot        quot image quot   quot some image url quot        quot name quot   quot Name 1 quot

User · Answer

In this case it would be easiest to use string replace  Serializing the JSON won t work well because  id will become the property name of the object and changing a property name is no simple task  at least not in most langauges  it s not so bad in javascript   Instead just do   jsonString   jsonString replace     id         id

User · Answer

Parse the JSON  const arr   JSON parse json     For each object in the JSON  rename the key   obj id   obj  id  delete obj  id    Stringify the result  All together   x000D   x000D  function renameKey   obj  oldKey  newKey       obj newKey    obj oldKey     delete obj oldKey      const json                       id   5078c3a803ff4197dc81fbfb          email   user1 gmail com          image   some image url          name   Name 1                       id   5078c3a803ff4197dc81fbfc          email   user2 gmail com          image   some image url          name   Name 2                   const arr   JSON parse json   arr forEach  obj   gt  renameKey  obj    id    id       const updatedJson   JSON stringify  arr     console log  updatedJson    x000D   x000D   x000D

User · Answer

As mentioned by evanmcdonnal  the easiest solution is to process this as string instead of JSON    x000D   x000D  var json       id   5078c3a803ff4197dc81fbfb   email   user1 gmail com   image   some image url   name   Name 1      id   5078c3a803ff4197dc81fbfc   email   user2 gmail com   image   some image url   name   Name 2     x000D       x000D  json   JSON parse JSON stringify json  split    id     join   id       x000D   x000D  document write JSON stringify json    x000D   x000D   x000D    This will convert given JSON data to string and replace   id  to  id   then converting it back to the required JSON format  But I used split and join instead of replace  because replace will replace only the first occurrence of the string

User · Answer

Is possible  using typeScript  function renameJson json oldkey newkey         return Object keys json  reduce  s item    gt         item    oldkey        s  newkey  json oldkey           s  item  json item               Example  https   codepen io lelogualda pen BeNwWJ

User · Answer

If anyone needs to do this dynamically   const keys   Object keys jsonObject    keys forEach  key    gt              CREATE A NEW KEY HERE       var newKey   key replace                   jsonObject newKey    jsonObject key         delete jsonObject key            jsonObject will now have the new keys   IMPORTANT   If your key is not changed by the replace function  it will just take it out of the array  You may want to put some if statements in there

User · Answer

Try this   let jsonArr                     id   5078c3a803ff4197dc81fbfb            email   user1 gmail com            image   some image url            name   Name 1                         id   5078c3a803ff4197dc81fbfc            email   user2 gmail com            image   some image url            name   Name 2           let idModified   jsonArr map      obj   gt            return                id    obj  id               email  obj email               image  obj image               name  obj name                    console log idModified

User · Answer

If you want to do it dynamically  for example  you have an array which you want to apply as a key to JSON object   your Array will be like     var keys     id    name   Address   Phone      The array size should be same as JSON Object keys size   Now you have a JSON Array like    var jArray               id   1        name    Asna        Address    NY        Phone   123                id   2        name    Euphoria        Address    Monaco        Phone   124                id   3        name    Ahmed        Address    Mumbai        Phone   125          each jArray  function pos obj       var counter   0        each obj function key value           jArray  pos  keys counter     value          delete jArray  pos  key           counter                  Your resultant JSON Array will be like                id   1       name    Asna        Address    NY        Phone   123               id   2       name    Euphoria        Address    Monaco        Phone   124               id   3       name    Ahmed        Address    Mumbai        Phone   125

User · Answer

By using map function you can do that   Please refer below code   var userDetails          id   5078c3a803ff4197dc81fbfb      email   user1 gmail com      image   some image url      name   Name 1          id   5078c3a803ff4197dc81fbfc      email   user2 gmail com      image   some image url      name   Name 2       var formattedUserDetails   userDetails map     id id  email  image  name      gt       id    email    image    name      console log formattedUserDetails

[json] How to rename JSON key

Examples related to json