使用Javascript根据键值转换JSON

Question

I get some records from a database in the following JSON format:

data: [{
    "y": "0.652008685",
    "x": "-0.13926217",
    "geneName": "ADAMTS2",
    "cond": "Cell"
  },
  {
    "y": "-3.486001",
    "x": "-2.295312",
    "geneName": "IGSF22",
    "cond": "ECM"
  },
  {
    "y": "-3.597706",
    "x": "-2.672138",
    "geneName": "OXA1L",
    "cond": "ECM"
  }
]

I would like to transform the above result and group the y , x and geneName name/value pairs based on the cond key using JavaScript .

The result I'd like is shown below:

series: [{
    name: 'Cell',
    color: '#fff',
    data: [{
      "name": "ADAMTS2",
      "x": -0.13926217,
      "y": 0.652008685
    }]
  },
  {
    name: 'ECM',
    color: '#000',
    data: [{
        "name": "IGSF22",
        "x": -2.295312,
        "y": -3.486001
      },
      {
        "name": "OXA1L",
        "x": -2.672138,
        "y": -3.597706
      }
    ]
  }
]

For every different grouping I'd like to add an extra name/value pair color . Is there any smart and quick way to do it using JavaScript by avoiding the naive approach of the for loops?

Thanks in advance

Answer 1

You could use Array.prototype.reduce to group common objects by object.cond, like so:

 var data = [{ "y": "0.652008685", "x": "-0.13926217", "geneName": "ADAMTS2", "cond": "Cell" }, { "y": "-3.486001", "x": "-2.295312", "geneName": "IGSF22", "cond": "ECM" }, { "y": "-3.597706", "x": "-2.672138", "geneName": "OXA1L", "cond": "ECM" } ]; var dataMap = data.reduce((result, item) => { // create root-level object for a name if it doesn't already exist if (!result[item.cond]) { result[item.cond] = { name: item.cond, color: ''/*not sure what your logic is here*/, data: [] } } // add current item to the root-level object data result[item.cond].data.push({ name: item.geneName, x: parseFloat(item.x), y: parseFloat(item.y) }); return result; }, {/*resulting map*/}); // last step is to get an array of the values since that's the desired format data = Object.values(dataMap); document.getElementById('result').innerHTML = JSON.stringify(data, null, 4); 

 <pre id="result"></pre> 

Answer 2

You can use .reduce here. Make a object whose key is basically cond and then from that object transform a array using .map .

 var x = { data: [{ "y": "0.652008685", "x": "-0.13926217", "geneName": "ADAMTS2", "cond": "Cell" }, { "y": "-3.486001", "x": "-2.295312", "geneName": "IGSF22", "cond": "ECM" }, { "y": "-3.597706", "x": "-2.672138", "geneName": "OXA1L", "cond": "ECM" } ] }; x.data = Object.entries(x.data.reduce((acc, el) => { let cond = el.cond; delete el.cond; if(acc.hasOwnProperty(cond)){ acc[cond].data.push(el); } else{ acc[cond] = {}; acc[cond].data = [el]; } return acc; }, {})).map(el => { return {name: el[0], data: el[1].data}; }); console.log(x); 

Answer 3

data = [{
"y": "0.652008685",
"x": "-0.13926217",
"geneName": "ADAMTS2",
"cond": "Cell"
  },
  {
    "y": "-3.486001",
    "x": "-2.295312",
    "geneName": "IGSF22",
    "cond": "ECM"
  },
  {
    "y": "-3.597706",
    "x": "-2.672138",
    "geneName": "OXA1L",
    "cond": "ECM"
  }
]

series = []
definedName = []

data.forEach(function(item) {
  var ind = definedName.findIndex((element) => {
    return element == item.cond;
  });
  if (ind === -1) {
    obj = {
      name: item.cond,
      color: '#fff',
      data: [{
        "name": item.geneName,
        "x": item.x,
        "y": item.y
      }]
    }
    definedName.push(item.cond)
    series.push(obj)
  } else {
    obj = {
      "name": item.geneName,
      "x": item.x,
      "y": item.y
    }
    series[ind]["data"].push(obj)
  }
});

console.log(series)