JSFiddle - React, Tailwind, and code Playground

by Terrance Smith

JavaScript

var bears = {
  "1": [{
    'total_bears': 2,
    'bear_id': 1,
    'location': 'CA'
  }, {
    'bear_age': 100,
    'bear_id': 1,
    'location': 'CA'
  }, {
    'total_bears': 1,
    'bear_id': 1,
    'location': 'NM'
  }, {
    'bear_age': 10,
    'bear_id': 1,
    'location': 'NM'
  }],
  "2": [{
    'total_bears': 1,
    'bear_id': 2,
    'location': 'CA'
  }, {
    'bear_age': 50,
    'bear_id': 2,
    'location': 'CA'
  }]
};
var objs = []
for (var key in bears) {
  var arr = bears[key];
  var obj = {};
  var new_arr = arr.map(function(item) {
    if (item.location == 'CA') {
      obj.bear_id = item.bear_id;
      obj.locationCAtotal_bears = item.total_bears;
      obj.locationCAbear_age = item.bear_age;
    } else if (item.location == 'NM') {
      obj.bear_id = item.bear_id;
      obj.locationNMtotal_bears = item.total_bears;
      obj.locationNMbear_age = item.bear_age;
    }

    objs.push(obj);
  });
}

console.log('objs = ');
console.log(objs);