Loop though a JSON and get arrays based on position

Question

I have a json object and a dummy json response. I need to loop through it and get a new array of each coordinates, one per loop.

Sample JSON:

customersBarChart: {
    "2014": {
             "x": 1,
             "y": 5,
             "z":10           
            },
    "2015": {
             "x": 8,
             "y": 2,
             "z":5
            },
}

The expected result is:

first X loop  MyArray = [1,8]
second Y loop MyArray = [5,2]
third Z loop  MyArray = [10,5]

Possible duplicate of [How to loop through a plain JavaScript object with the objects as members?](https://stackoverflow.com/questions/921789/how-to-loop-through-a-plain-javascript-object-with-the-objects-as-members) — Get Off My Lawn, Jul 21 '18 at 21:32
sure i tried a lot but i can't get what i need ! so i asking for help — ahmed ezzat, Jul 21 '18 at 21:33
You should share one of those attempts, the best one you have. You will get more help and expecting someone to write the whole thing. — Nic3500, Jul 23 '18 at 22:36

score 0 · Accepted Answer · answered Jul 21 '18 at 21:29

You can loop over objects using for (let o in obj) and get the values from there. You can now make 3 separate arrays by pushing the data from obj[o] onto the end of the specified array.

let obj = {
  "2014": {
    "x": 1,
    "y": 5,
    "z": 10

  },
  "2015": {
    "x": 8,
    "y": 2,
    "z": 5
  },
}

let arr1 = []
let arr2 = []
let arr3 = []

for (let o in obj) {
  arr1.push(obj[o].x)
  arr2.push(obj[o].y)
  arr3.push(obj[o].z)
}

console.log(arr1.join())
console.log(arr2.join())
console.log(arr3.join())

thanks for trying help but i need it more dynamic i[x,y,x] is dummy data — ahmed ezzat, Jul 21 '18 at 22:23

score 0 · Answer 2 · answered Jul 22 '18 at 00:18

here is how to handle things dynamically.

var oData = {
  customersBarChart: {
    "2014": {
      "x": 1,
      "y": 5,
      "z": 10

    },
    "2015": {
      "x": 8,
      "y": 2,
      "z": 5
    },
  }
}

function extractData(data) {
  // get the keys of the customersBarChart object
  var keys = Object.getOwnPropertyNames(data);

  // get the keys of the object in the first item in customersBarChart object
  // and initialize an array
  var attrs = Object.getOwnPropertyNames(data[keys[0]]).map(function(k) {
    return {
      key: k,
      arr: []
    };
  });

  // looping thru the attrs to collect the val for the array
  attrs.forEach(function(attr) {
    keys.forEach(function(k) {
      attr.arr.push(data[k][attr.key]);
    });
  });

  // drop the key property in attrs object
  return attrs.map(function(attr) {
    return attr.arr;
  });
}

console.log(extractData(oData.customersBarChart));

Loop though a JSON and get arrays based on position

2 Answers2