Creare dinamicamente oggetti JavaScript con profondità variabile

Question

Sono in difficoltà con un brutto oggetto JSON che ho bisogno di convertire in oggetto JS con profondità variabile.

Poco: (sto usando jQuery)

var nastyJSON_string = "{"generics_utenteID":"1","generics_elencoID":"1","mainbar_ade_stepID_0":"1","mainbar_ade_stepID_1":"3","mainbar_ade_stepTitle_0":"blablabla", "mainbar_ade_stepTitle_1" : "quiquoqua"}"; 

var nastyJSON = JSON.parse(nastyJSON_string); 

// nastyJSON if parsed correctly now is: {generics_utenteID:"1",generics_elencoID:"1" ...and so on}. 

Ora, ho bisogno di convertire che nastyJSON a un oggetto JS con profondità variabile. Intendo:

var reusableJSObject = { 
    generics : { 
     utenteID : 1, 
     elencoID : 1 
    }, 

    mainbar : { 
     ade : { 
      stepID : { 
       0 : 1, 
       1 : 3 
      }, 

      stepTitle : { 
       0 : "blablabla", 
       1 : "quiquoqua" 
      } 
     } 
    } 
} 

mio migliore è creare manualmente annodare chiavi nastyJSON, passare rivestimento e creazione di oggetti aggiungendo valori alla fine della profondità noto.

Ti piace questa:

jQuery.each(nastyJSON, function(key,value){ 
    var keysp = key.split('_'); 
    switch(keysp[0]) 
    { 
     //# generics 
     case 'generics': 

      if(!reusableJSObject.hasOwnProperty(keysp[0])) { reusableJSObject[keysp[0]] = new Object(); }; 

      switch(keysp[1]) 
      { 
       //# utenteID 
       case 'utenteID': 
        if(!reusableJSObject[keysp[0]].hasOwnProperty(keysp[1])) { reusableJSObject[keysp[0]][keysp[1]]; }; 
        reusableJSObject[keysp[0]][keysp[1]] = Number(value); 
       break; 

       //# elencoID 
       case 'elencoID': 
        if(!reusableJSObject[keysp[0]].hasOwnProperty(keysp[1])) { reusableJSObject[keysp[0]][keysp[1]]; }; 
        reusableJSObject[keysp[0]][keysp[1]] = Number(value); 
       break; 
      } 
     break; 


     //# mainbar 
     case 'mainbar': 
      if(!reusableJSObject.hasOwnProperty(keysp[0])) { reusableJSObject[keysp[0]] = new Object(); }; 
     break; 

     //... and So On! 
    } 
}); 

Ma, cosa succede se non so in un primo momento la struttura nastyJSON, e so solo che nastyJSON dispone di tasti che ho dovuto dividere e nido fino alla fine della scissione?

Grazie in anticipo.

Answer 1

Non hai bisogno di jQuery, vaniglia JS farà (here è un violino):

var json = '{"generics_utenteID":"1","generics_elencoID":"1","mainbar_ade_stepID_0":"1","mainbar_ade_stepID_1":"3","mainbar_ade_stepTitle_0":"blablabla", "mainbar_ade_stepTitle_1" : "quiquoqua"}'; 
var obj = JSON.parse(json); 

function parse(object) { 
    var result = {}; 
    var temp = {}; 
    var keys; 

    for (var property in object) { 
     keys = property.split('_'); 
     temp = result; 

     for (var i = 0; i < keys.length - 1; i++) { 
      if (typeof temp[keys[i]] == 'undefined') { 
       temp[keys[i]] = {}; 
      } 
      temp = temp[keys[i]]; 
     }; 

     temp[keys[i]] = object[property]; 
    } 

    return result; 

} 

console.log(JSON.stringify(parse(obj))); 

uscita:

{ 
    "generics":{ 
     "utenteID":"1", 
     "elencoID":"1" 
    }, 
    "mainbar":{ 
     "ade":{ 
     "stepID":{ 
      "0":"1", 
      "1":"3" 
     }, 
     "stepTitle":{ 
      "0":"blablabla", 
      "1":"quiquoqua" 
     } 
     } 
    } 
}