Is there a way to transform individual data into a collective group dataset?

Question

Is there a way to transform individual data into a collective group dataset?

Here is the input data provided:


data = [
    { name: "John Cena", groupName: "WWE" },
    { name: "Nandini", groupName: null },
    { name: "Rock", groupName: "WWE" },
    { name: "Vinay", groupName: null },
    { name: "Rey Mesterio", groupName: "WWE" },
    { name: "Gokul", groupName: "FSD" },
    { name: "Rohitha", groupName: "FSD" }
];

The desired output format should be as follows:


requiredFormat = [
    { name: "FSD", value: ["Gokul", "Rohitha"] },
    { name: "WWE", value: ["John Cena", "Rock", "Rey Mesterio"] },
    { name: null, value: ["Nandini", "Vinay"] }
];

javascript arrays json typescript

Answer 1

Answer №1

To achieve this, utilize the reduce function while also verifying if a certain array value is already present. If it is, then add to it; if not, create a new one.

const info = [
  { title: "John Cena", category: "WWE" },
  { title: "Nandini", category: null },
  { title: "Rock", category: "WWE" },
  { title: "Vinay", category: null },
  { title: "Rey Mesterio", category: "WWE" },
  { title: "Gokul", category: "FSD" },
  { title: "Rohitha", category: "FSD" }
];

const desiredStructure = info.reduce((accumulator, element) => {
  const located = accumulator.find(({ title }) => title === element.category);
  if (located) located.value.push(element.title);
  else accumulator.push({ title: element.category, value: [element.title] })
  return accumulator;
}, []);

console.log(desiredStructure);

Answer 2

To achieve this, utilize the reduce function while also verifying if a certain array value is already present. If it is, then add to it; if not, create a new one.

const info = [
  { title: "John Cena", category: "WWE" },
  { title: "Nandini", category: null },
  { title: "Rock", category: "WWE" },
  { title: "Vinay", category: null },
  { title: "Rey Mesterio", category: "WWE" },
  { title: "Gokul", category: "FSD" },
  { title: "Rohitha", category: "FSD" }
];

const desiredStructure = info.reduce((accumulator, element) => {
  const located = accumulator.find(({ title }) => title === element.category);
  if (located) located.value.push(element.title);
  else accumulator.push({ title: element.category, value: [element.title] })
  return accumulator;
}, []);

console.log(desiredStructure);

Answer 3

Answer №2

Utilize Array.reduce to address the issue at hand

const information = [
    { username: "John Cena", team: "WWE" },
    { username: "Nandini", team: null },
    { username: "Rock", team: "WWE" },
    { username: "Vinay", team: null },
    { username: "Rey Mesterio", team: "WWE" },
    { username: "Gokul", team: "FSD" },
    { username: "Rohitha", team: "FSD" }
  ];

const modifiedData = data.reduce((accumulator, element, index) => {
    const team = accumulator.find(group => group.username === element.team);
    if (!team) {
        accumulator.push({username: element.team, value: [element.username]})
    } else {
        team.value.push(element.username);
    }
    return accumulator;
}, []);

console.log(modifiedData);

Answer 4

Utilize Array.reduce to address the issue at hand

const information = [
    { username: "John Cena", team: "WWE" },
    { username: "Nandini", team: null },
    { username: "Rock", team: "WWE" },
    { username: "Vinay", team: null },
    { username: "Rey Mesterio", team: "WWE" },
    { username: "Gokul", team: "FSD" },
    { username: "Rohitha", team: "FSD" }
  ];

const modifiedData = data.reduce((accumulator, element, index) => {
    const team = accumulator.find(group => group.username === element.team);
    if (!team) {
        accumulator.push({username: element.team, value: [element.username]})
    } else {
        team.value.push(element.username);
    }
    return accumulator;
}, []);

console.log(modifiedData);

Answer 5

Answer №3

To simplify the process, you can use the reduce method in combination with Object.values().

var data = [ { name: "John Cena", groupName: "WWE" }, { name: "Nandini", groupName: null }, { name: "Rock", groupName: "WWE" }, { name: "Vinay", groupName: null }, { name: "Rey Mesterio", groupName: "WWE" }, { name: "Gokul", groupName: "FSD" }, { name: "Rohitha", groupName: "FSD" } ];

var result = Object.values(data.reduce((acc, {name, groupName})=>{
    acc[groupName] =acc[groupName] || {name:groupName, value:[]};
    acc[groupName].value.push(name);
    return acc;
},{}));

console.log(result);

Answer 6

To simplify the process, you can use the reduce method in combination with Object.values().

var data = [ { name: "John Cena", groupName: "WWE" }, { name: "Nandini", groupName: null }, { name: "Rock", groupName: "WWE" }, { name: "Vinay", groupName: null }, { name: "Rey Mesterio", groupName: "WWE" }, { name: "Gokul", groupName: "FSD" }, { name: "Rohitha", groupName: "FSD" } ];

var result = Object.values(data.reduce((acc, {name, groupName})=>{
    acc[groupName] =acc[groupName] || {name:groupName, value:[]};
    acc[groupName].value.push(name);
    return acc;
},{}));

console.log(result);

Is there a way to transform individual data into a collective group dataset?

Answer №1

Answer №2

Answer №3

Similar questions

Creating MySQL query results in Node.js manufacturing process

What is the process for browserifying the net.Socket module in Node.js?

Is it possible to create a looped GLTF animation in three.js using random time intervals?

What is the best way to cancel a setTimeout in a different function within a React JS application?

Tips on utilizing useStyle with ReactJS Material UI?

Issue with Vuex not functioning properly in Nuxt.js

When trying to save a child entity, TypeORM's lazy loading feature fails to update

Using JSP to send variables from an external Javascript file

Using jQuery to add the name of a file to FormData and fetching it in a PHP script

Creating a Wordpress Metabox that utilizes radio inputs generated with Javascript instead of the traditional checked() function in Javascript as an alternative

Python: How can I optimize the process of generating a list of lists where each element is unique based on another embedded list?

Encountering the issue of "Cannot read properties of undefined" while attempting to pass data to a prop

Unable to use document.write when extracting code from the internet

Typescript: Potential null object error when defining a method

How can I style the inner div by adding a class to the first div?

Tips for adjusting the preferred view resolution for a seamless blend of GSP and JSON views

Obtain the value of an element from a React UI Material component (e.g. ListItemText)

Eliminate disparity in Woocommerce shopping cart

sending properties to dynamically loaded components

Managing errors that occur while handling JSON with AJAX by implementing a suitable backup plan