更改 JSON 对象格式函数

Question

I need to develop a Javascript function that can convert JSON format as the following. I am not sure if there is already a javascript function for this purpose or should i develop a new one on my own

Input: (example)

  {
            "event[id]": "1476258193",
            "event[creator]": "aziz",
            "event[title]": "event[title]",
            "event[review][thankyou]": "event[review][thankyou]",
            "event[review][teaser]": "event[review][teaser]"
    }

The Output should be something like that:

{
  Events: {
            Id: “1476258193”,
            Creator: “aziz”
            …..
            Review: {
                      Thankyou: “”,
                      Teaser: “”
}
}
}

EDIT (SOLUTION) : After some work and help from other users especially "anied" i did the function myself, if some one is interested here is a plunker with the answer, the function is not 100% optimal but it does what should do https://plnkr.co/edit/4d6cDzHXpN3RAOAJD2F0?p=preview

    convert = function() {
  var obj = {
    "event[id]": "1476258193",
    "event[creator]": "smista",
    "event[title]": "event[title]",
    "event[crmid]": "event[crmid]",
    "event[responsible]": "event[responsible]",
    "event[location]": "event[location]",
    "event[ktr]": "event[ktr]",
    "event[description]": "event[description]",
    "event[targetgroup]": "event[targetgroup]",
    "event[learninggoals]": "event[learninggoals]",
    "event[status]": "offline",
    "event[issuu][html]": "event[issuu][html]",
    "event[group_by_threads]": "1",
    "event[timeblocks][0][lectures][0][persons][0]": "2",
    "event[timeblocks][0][lectures][0][persons][1]": "333333",
    "event[timeblocks][0][lectures][0][persons][2]": "3",
    "event[timeblocks][0][lectures][1][persons][0]": "44",
    "event[timeblocks][0][lectures][1][persons][1]": "444",
    "event[timeblocks][0][lectures][1][persons][2]": "4444",
    "event[participants]": "event[participants]",
    "event[review][thankyou]": "event[review][thankyou]",
    "event[review][teaser]": "event[review][teaser]"
  }

  var result = "Events : {";
  var mainKeyString = "" ;
  var mainKeys = [] ; 
  var keysCount = 0 ; 

  for (var k in obj) {
    if( obj.hasOwnProperty(k) ) {
      res = k.replace('event[', ''); 
      mainKeyString+= res ; 
    } 
  }
  mainKeyString = mainKeyString.replace(/\[/g,',');
  mainKeyString = mainKeyString.replace(/\]/g,',');
  mainKeyString = mainKeyString.replace(/,,/g,',');
  mainKeyString = mainKeyString.substring(0, mainKeyString.length-1);
  mainKeys = mainKeyString.split(',') ; 
    for (var i in obj) {
      if( obj.hasOwnProperty(i) ) {
        keysCount = (i.match(/\[/g) || []).length;
        var lastKey = keysCount -1 ; 
        for (j=0;j<keysCount;j++){
          if (keysCount >1 && j != lastKey){
            result += mainKeys[0] +": {"; 
          }
          else if (keysCount >1 && j == lastKey) {

              result += mainKeys[0] +":\""+obj[i] + "\"}";
          }
          else result += mainKeys[0] +":\""+obj[i] + "\",";
          mainKeys.shift() ; 
        }
      } 
  }
  document.getElementById("result").innerHTML = result;
}

Answer 1

You should develop something because I don't know that anything like that exists. You will want to write a recursive method that iterates over the object keys and adds properties to a new source object. However, one difficulty will be that you will also need to handle duplicates (of which I see a few). If you can be confident of the format of the keys (that they only contain brackets to denote new properties), then you can write something that iterates over the keys in the object using a for...in loop ( for key in yourobject ) and looks for substr(key.indexOf('['), key.indexOf(']') to hunt down the logical delineations. Good luck!