JSON对象转换中的嵌套数组

Question

I'm struggling with converting the nested JSON array that I have.

{
  "Id": "1234",
  "Company": {
    "element": [{
      "Name": "htc",
      "Contacts": {
        "element": [{
          "name": "john",
          "phone": "1234"
        }, {
          "name": "peter",
          "phone": "5678"
        }]
      },
      "Address": {
        "element": {
          "country": "us",
          "state": "cali"
        }
      }
    }, {
      "Name": "samsung",
      "Contacts": {
        "element": [{
          "name": "luke",
          "phone": "0011"
        }, {
          "name": "james",
          "phone": "2233"
        }]
      },
      "Address": {
        "element": {
          "country": "us",
          "state": "texas"
        }
      }
    }]
  }
}

As you'll notice, there's this "element" in the arrays "Company", "Contacts" and "Address". But the output that I need to provide should not contain the "element" such as this code:

{
  "Id": "1234",
  "Company": [{
    "Name": "htc",
    "Contacts": [{
      "name": "john",
      "phone": "1234"
    }, {
      "name": "peter",
      "phone": "5678"
    }],
    "Address": [{
      "country": "us",
      "state": "cali"
    }]
  }, {
    "Name": "samsung",
    "Contacts": [{
      "name": "luke",
      "phone": "0011"
    }, {
      "name": "james",
      "phone": "2233"
    }],
    "Address": [{
      "country": "us",
      "state": "texas"
    }]
  }]
}

I have no clue how to do in JavaScript. Any ideas/tips are appreciate. Thank you

Answer 1

The solution using Array.prototype.forEach() function:

 var companyData = { "Id": "1234", "Company": { "element": [{ "Name": "htc", "Contacts": { "element": [{ "name": "john", "phone": "1234" }, { "name": "peter", "phone": "5678" }] }, "Address": { "element": { "country": "us", "state": "cali" } } }, { "Name": "samsung", "Contacts": { "element": [{ "name": "luke", "phone": "0011" }, { "name": "james", "phone": "2233" }] }, "Address": { "element": { "country": "us", "state": "texas" } } }] } }; companyData.Company = companyData.Company.element; var omitElement = function(o){ if (!o['element']) return o; return (Array.isArray(o.element))? o.element : [o.element]; } companyData.Company.forEach(function (o) { o.Contacts = omitElement(o.Contacts); o.Address = omitElement(o.Address); }); console.log(companyData); 

Answer 2

You can try something like this:

 var data={Id:"1234",Company:{element:[{Name:"htc",Contacts:{element:[{name:"john",phone:"1234"},{name:"peter",phone:"5678"}]},Address:{element:{country:"us",state:"cali"}}},{Name:"samsung",Contacts:{element:[{name:"luke",phone:"0011"},{name:"james",phone:"2233"}]},Address:{element:{country:"us",state:"texas"}}}]}}; var keysToClean = ["Address", "Contacts"] // Copy object instead of reference var result = Object.assign({}, data); result.Company = result.Company.element; result.Company.forEach(x => { keysToClean.forEach(k => { x[k] = Array.isArray(x[k]) ? x[k].element : [x[k].element] }) }) console.log(result); 

Note: I have use Object.create and Arrow functions . They are not supported by old browsers. You can refer to following link for alternative to deep copy an object:

• What is the most efficient way to deep clone an object in JavaScript?

Answer 3

Please see this Plunker This should help.. it will generate desired result you need but be aware this is just a way to do this, and only meant for information purpose. It's not production grade...

function ParseData(data)
{
  var newObject={Id:0, Company:[]};

  newObject["Id"]=data["Id"];
  newObject["Company"]=CreateCompanyObject(data["Company"]["element"]);

  console.log(JSON.stringify(newObject));
}


function CreateCompanyObject(data)
{
  var companies=[];
 for(var i=0;i<data.length;i++)
 {
   companies.push({
                    name:data[i].Name, 
                    contacts:CreateContactObject(data[i].Contacts.element), 
                    Address:CreateAddressObject(data[i].Address.element)});

 };

  return companies;
}

function CreateContactObject(data){
  var contacts=[];
  for(var i=0;i<data.length;i++)
    contacts.push(data[i]);

  return contacts;
}

function CreateAddressObject(data){
  var address=[];
    if(typeof(data)=="array"){
    for(var i=0;i<data.length;i++)
    address.push(data[i]);
    }
    else
    address.push(data);

  return address;
}

Answer 4

You could check for element and move the content a step ahead to its parent.

 function deleteElement(object){ Object.keys(object).forEach(function (k) { if (object[k] && typeof object[k] === 'object') { if ('element' in object[k]) { object[k] = Array.isArray(object[k].element) ? object[k].element : [object[k].element]; } deleteElement(object[k]); } }); } var data = { Id: "1234", Company: { element: [{ Name: "htc", Contacts: { element: [{ name: "john", phone: "1234" }, { name: "peter", phone: "5678" }] }, Address: { element: { country: "us", state: "cali" } } }, { Name: "samsung", Contacts: { element: [{ name: "luke", phone: "0011" }, { name: "james", phone: "2233" }] }, Address: { element: { country: "us", state: "texas" } } }] } }; deleteElement(data); console.log(data); 

 .as-console-wrapper { max-height: 100% !important; top: 0; }