Combine an array of objects into a regular object

Question

Combine an array of objects into a regular object

Imagine having an array structure as shown below:

const student = [
  { firstName: 'Partho', Lastname: 'Das' },
  { firstName: 'Bapon', Lastname: 'Sarkar' }
];

const profile = [
  { education: 'SWE', profession: 'SWE' },
  { education: 'LAW', profession: 'Law' }
];

The objective is to combine these two objects, resulting in:

const student1 = [
  {
    firstName: 'Partho',
    Lastname: 'Das',
    profile: [{
      education: 'SWE',
      profession: 'SWE'
    }]
  }
];

const student2 = [
  {
    firstName: 'Bapon',
    Lastname: 'Sarkar',
    profile: [{
      education: 'LAW',
      profession: 'Law'
    }]
  }
];

Even though I'm new to JavaScript, I've attempted various approaches without success. Any guidance on resolving this using Javascript would be greatly appreciated.

Many thanks in advance!🙂

javascript

Answer 1

Answer №1

Implement Array.map with array destructuring technique

const team = [ {name: 'Mary', position: 'Manager'}, {name: 'John', position: 'Developer'} ];
const department = [ {deptName: 'IT', role: 'Manager'}, {deptName: 'HR', role: 'Recruiter'} ];

const [teamMember1, teamMember2] = team.map((person, idx) => ({ ...person, departmentInfo: [department[idx]]}));
console.log(teamMember1, teamMember2);

Answer 2

Implement Array.map with array destructuring technique

const team = [ {name: 'Mary', position: 'Manager'}, {name: 'John', position: 'Developer'} ];
const department = [ {deptName: 'IT', role: 'Manager'}, {deptName: 'HR', role: 'Recruiter'} ];

const [teamMember1, teamMember2] = team.map((person, idx) => ({ ...person, departmentInfo: [department[idx]]}));
console.log(teamMember1, teamMember2);

Answer 3

Answer №2

Here is one way to accomplish this:

const person = [
  { name: 'John', age: 30 },
  { name: 'Emily', age: 25 },
];

const job = [
  { title: 'Engineer', company: 'ABC Inc.' },
  { title: 'Teacher', company: 'XYZ School' },
];

const person0 = [{ ...person[0], job: [job[0]] }];
const person1 = [{ ...person[1], job: [job[1]] }];

console.log(person0);
console.log(person1);

Answer 4

Here is one way to accomplish this:

const person = [
  { name: 'John', age: 30 },
  { name: 'Emily', age: 25 },
];

const job = [
  { title: 'Engineer', company: 'ABC Inc.' },
  { title: 'Teacher', company: 'XYZ School' },
];

const person0 = [{ ...person[0], job: [job[0]] }];
const person1 = [{ ...person[1], job: [job[1]] }];

console.log(person0);
console.log(person1);

Combine an array of objects into a regular object

Answer №1

Answer №2

Similar questions

What is the significance of utilizing app.set() and app.get() in applications?

Navigating an indefinite amount of state variables in React.js: A comprehensive guide

Utilizing the .map() function to retrieve an object from an array without a key

Encountering an error when trying to use this.setState

What is the method for inserting the document URL into a text input?

Navigating a local and server environment with relative paths in a web server's multiple sites

The chart is failing to update with the data it obtained through Jquery

Struggling to troubleshoot issues with asynchronous tasks in Angular? Encountering timeouts while waiting for elements on an Angular page? Learn

Can I use my local network/browser to download an html file from a webpage as if I manually downloaded it using javascript or nodejs?

What are the best ways to establish communication among JavaScript modules?

What is the method to extract information from the provided URL?

Unable to connect beyond the local network using Socket.io

Safari's Web Audio API suffering from subpar performance and various shortcomings

Master the art of manipulating tags in Django templates using JavaScript

Enable next-i18next to handle internationalization, export all pages with next export, and ensure that 404 error pages are displayed on non-generated pages

Utilizing AJAX and PHP for seamless communication, retrieve and authenticate HTTPS SSL CERTIFICATE when interacting

Is it possible to iterate over an enum using Object.entries<T>(Enum).map() in TypeScript, or does it only function with string-based enums?

What is preventing obj from being iterable?

Utilizing the state as a condition within the useEffect to update the component

Clicking our way back through the loop