get specific data from multidimensional array jquery

Question

I have array data like this

 [{id:1, cost:20, range:15} {id:2, cost:30, range:13}]

I want to make array data using jquery like this

cost : [20, 30]
range : [15, 13]

Please tell me how to do that.

Answer 1

Use forEach method to iterate and push values to array

var cost = [],
  range = [];

var data = [{
  id: 1,
  cost: 20,
  range: 15
} ,{
  id: 2,
  cost: 30,
  range: 13
}];

data.forEach(function(v) {
  cost.push(v.cost);
  range.push(v.range);
});

console.log(cost, range);

---

Or with map() method and generate array

var data = [{
  id: 1,
  cost: 20,
  range: 15
}, {
  id: 2,
  cost: 30,
  range: 13
}];

var cost = data.map(function(v) {
  return v.cost;
});
var range = data.map(function(v) {
  return v.range;
});

console.log(cost, range);