Change the structure of the JavaScript object into a new format

Question

Change the structure of the JavaScript object into a new format

I humbly ask for forgiveness as I am struggling with figuring out how to accomplish this task. It seems like we need to utilize a map function or something similar, but I am having difficulty grasping it.

Below is the object 'data' that I am working with:

data
 [0]:
    name: 'Alex'
    sex: 'Male'
    new_joinee: false
 [1]:
    name: 'Anna'
    sex: 'female'
    new_joinee: true
 [2]:
    name: 'lester'
    sex: 'Male'
    new_joinee: true

My goal is to transform the above object into the following format:

data
name: 'Alex', 'Anna', 'lester'
sex:  'Male', 'Female','Male'
new_joinee: false,true,true

If anyone could provide guidance on how to achieve this, I would greatly appreciate it.

javascript angularjs loops object dictionary

Answer 1

Answer №1

//Initializing input data
var data = [
  {name: 'Alex', gender: 'Male', new_employee: false}, 
  {name: 'Anna', gender: 'female', new_employee: true}, 
  {name: 'lester', gender: 'Male', new_employee: true}
];

//Creating output object
output = {};
for(var key in data[0]) {
   output[key] = [];
}

//Extracting data from all input objects
data.forEach(function(item){
   for(var key in item) {
     output[key].push(item[key]);
   }
});

output:

output == 
{ name: [ 'Alex', 'Anna', 'lester' ],
  gender: [ 'Male', 'female', 'Male' ],
  new_employee: [ false, true, true ] }

Answer 2

//Initializing input data
var data = [
  {name: 'Alex', gender: 'Male', new_employee: false}, 
  {name: 'Anna', gender: 'female', new_employee: true}, 
  {name: 'lester', gender: 'Male', new_employee: true}
];

//Creating output object
output = {};
for(var key in data[0]) {
   output[key] = [];
}

//Extracting data from all input objects
data.forEach(function(item){
   for(var key in item) {
     output[key].push(item[key]);
   }
});

output:

output == 
{ name: [ 'Alex', 'Anna', 'lester' ],
  gender: [ 'Male', 'female', 'Male' ],
  new_employee: [ false, true, true ] }

Answer 3

Answer №2

If you start with this initial set of data:

let initialData = 
[
    {name: 'Sarah', gender: 'Female', new_member: false}, 
    {name: 'Mark', gender: 'Male', new_member: true}, 
    {name: 'Emily', gender: 'Female', new_member: true}
];

You can change the structure of the data like this:

let transformed = {
    name: [],
    gender: [],
    new_member: []
};

initialData.forEach(function (item) {
    transformed.name.push(item.name);
    transformed.gender.push(item.gender);
    transformed.new_member.push(item.new_member);
});

Final Outcome:

{
    name: ['Sarah', 'Mark', 'Emily'],
    gender: ['Female', 'Male', 'Female'],
    new_member: [false, true, true]
}

Answer 4

If you start with this initial set of data:

let initialData = 
[
    {name: 'Sarah', gender: 'Female', new_member: false}, 
    {name: 'Mark', gender: 'Male', new_member: true}, 
    {name: 'Emily', gender: 'Female', new_member: true}
];

You can change the structure of the data like this:

let transformed = {
    name: [],
    gender: [],
    new_member: []
};

initialData.forEach(function (item) {
    transformed.name.push(item.name);
    transformed.gender.push(item.gender);
    transformed.new_member.push(item.new_member);
});

Final Outcome:

{
    name: ['Sarah', 'Mark', 'Emily'],
    gender: ['Female', 'Male', 'Female'],
    new_member: [false, true, true]
}

Answer 5

Answer №3

If you are working on a project that uses underscores:

var keys = _.keys(myObj)
var foo = {
  name: _.pick(myObj, 'name'),
  sex: _.pick(myObj, 'sex'),
  newJoinee:_.pick(myObj, 'new_joinee')
}

_.each(keys, function(key) { console.log(key + ' ' + foo[key].join(', ')) })

Answer 6

If you are working on a project that uses underscores:

var keys = _.keys(myObj)
var foo = {
  name: _.pick(myObj, 'name'),
  sex: _.pick(myObj, 'sex'),
  newJoinee:_.pick(myObj, 'new_joinee')
}

_.each(keys, function(key) { console.log(key + ' ' + foo[key].join(', ')) })

Answer 7

Answer №4

Assuming that your information is stored as an array of objects

var data = convertData(data)

function convertData(data){
  var convertedData = { name: '', gender: '', newEmployee: ''};
  data.forEach(function(item){
    convertedData.name += item.name;
    convertedData.gender += item.gender;
    convertedData.newEmployee += item.newEmployee;

   });
 return convertedData;
}

Answer 8

Assuming that your information is stored as an array of objects

var data = convertData(data)

function convertData(data){
  var convertedData = { name: '', gender: '', newEmployee: ''};
  data.forEach(function(item){
    convertedData.name += item.name;
    convertedData.gender += item.gender;
    convertedData.newEmployee += item.newEmployee;

   });
 return convertedData;
}

Change the structure of the JavaScript object into a new format

Answer №1

Answer №2

Answer №3

Answer №4

Similar questions

Updating scope variables in AngularJS can be achieved inline by simply assigning a new value

Every time I attempt to send a post request, I receive back only the creation date and the unique objectID

How to retrieve email input using SweetAlert2 in PHP?

Top technique for verifying the presence of duplicates within an array of objects

React Grid by DevExtreme

How can methods access variables from the Vuex store during function calls?

A step-by-step guide on sending a fetch request to TinyURL

Ensure that the flex item spans the entire width of the page

Sending arrays in JSON format using Node.js Express (res.json)

Updating state with new data in React: A step-by-step guide

Is there a way to retrieve the name of a JSON or obtain the file path using NodeJS Express Router?

How can I use JavaScript to retrieve the current time from the time.nist.gov NTP server?

The filter function in Material UI data grid does not seem to be functioning properly when using the renderCell method

Ensure that the token remains current with each axios operation

Troubleshooting: Dealing with Access-Control-Allow-Origin Issue

Incorporate Object names and Variable names in Javascript programming

Plugin initialization cannot occur as the $scope DOM elements are still dynamic and not ready

"Creating an array object in the state of Reactjs - a step-by-step

Learn how to send JSON data to REST services from a webpage using the POST method, similar to how it is done in the advanced REST client

Checking Whether a Value Entered in an Input Field Exists in an Array Using jQuery