Wrap all temporary array elements of the same type within an object

Question

Wrap all temporary array elements of the same type within an object

Extracted from a json api, the following snippet of content showcases various titles and content types:

contents: [
 { title: "some title", content_type: 2 },
 { title: "some title", content_type: 2 },
 { title: "some title", content_type: 1 },
 { title: "some title", content_type: 2 },
 { title: "some title", content_type: 1 },
]

To simplify data manipulation tasks, it is suggested to group consecutive items with the same type into separate arrays as illustrated below:

contents: [
 type2: [
   { title: "some title", content_type: 2 },
   { title: "some title", content_type: 2 }
 ],
 { title: "some title", content_type: 1 },
 { title: "some title", content_type: 2 },
 { title: "some title", content_type: 1 },
]

Note that single instances like the last content type 2 should remain ungrouped for efficient processing. The challenge lies in implementing this grouping method effectively while ensuring easy removal of wrappers when needed for server updates.

javascript arrays json algorithm object

Answer 1

Answer №1

let data= [
 {title: "hello world", type: 2},
 {title: "goodbye world", type: 1},
 {title: "greetings world", type: 2},
 {title: "farewell world", type: 1}
];

let groupByType = function(data) {
    let groupedData = {};
    data.forEach(function(item) {
        let key = 'type' + item.type;
        if (!groupedData[key]) {
            groupedData[key] = [];
        }

        groupedData[key].push(item);
    });
    return groupedData;
};

let groupedData = groupByType(data);

console.log(groupedData);

let ungroupByType = function(data) {
    let arr = [];
    for (let key in data) {
        arr = arr.concat(data[key]);
    }
    return arr;
};

let ungroupedData = ungroupByType(groupedData);

console.log(ungroupedData);

This code organizes the data by type:

{ 
   type2: [ 
     { title: 'hello world', type: 2 },
     { title: 'greetings world', type: 2 } 
   ],
   type1: [
     { title: 'goodbye world', type: 1 },
     { title: 'farewell world', type: 1 }
   ]
}


[ 
  { title: 'hello world', type: 2 },
  { title: 'greetings world', type: 2 },
  { title: 'goodbye world', type: 1 },
  { title: 'farewell world', type: 1 }
]

Answer 2

let data= [
 {title: "hello world", type: 2},
 {title: "goodbye world", type: 1},
 {title: "greetings world", type: 2},
 {title: "farewell world", type: 1}
];

let groupByType = function(data) {
    let groupedData = {};
    data.forEach(function(item) {
        let key = 'type' + item.type;
        if (!groupedData[key]) {
            groupedData[key] = [];
        }

        groupedData[key].push(item);
    });
    return groupedData;
};

let groupedData = groupByType(data);

console.log(groupedData);

let ungroupByType = function(data) {
    let arr = [];
    for (let key in data) {
        arr = arr.concat(data[key]);
    }
    return arr;
};

let ungroupedData = ungroupByType(groupedData);

console.log(ungroupedData);

This code organizes the data by type:

{ 
   type2: [ 
     { title: 'hello world', type: 2 },
     { title: 'greetings world', type: 2 } 
   ],
   type1: [
     { title: 'goodbye world', type: 1 },
     { title: 'farewell world', type: 1 }
   ]
}


[ 
  { title: 'hello world', type: 2 },
  { title: 'greetings world', type: 2 },
  { title: 'goodbye world', type: 1 },
  { title: 'farewell world', type: 1 }
]

Wrap all temporary array elements of the same type within an object

Answer №1

Similar questions

Is it feasible to trigger a dialog box by clicking on a textField within MaterialUI?

Converting JSON responses into Dictionary format in Swift: A Guide

The npm outdated -g command is producing an error message that states "Unable to read the length property of undefined"

skip every nth element in the array based on the specified value

Issue occurs when trying to access the 'set' property of an undefined variable, leading to an error message stating "Cannot read property 'set' of undefined" while using 'this

The essential guide to creating a top-notch design system with Material UI

Does anyone know of a JavaScript function that works similarly to clientX and clientY but for tooltips when the mouse moves?

Tips for eliminating duplicate values from an array

At what point in the lifecycle of my component am I able to begin using this.$refs?

What is the best method to transform a Dictionary of integers and longs into a string array or list?

Retrieve elements from a numpy array using a separate array containing only 0 and 1 values as indices

What is the best way to design versatile div containers that combine the float property with fluid dimensions?

Unable to send a PHP array to jQuery

What causes an error when trying to access with the member access operator?

Tips for handling Vue/Axios JSON payload sent data in Yii2

ReactForms Deprication for NgModel

HTML steps for smooth scrolling to the top and bottom of a list

Modify keys in an array created dynamically using PHP

Querying a document by its Id using only JSON in MongoDB

Transforming a redux form onSubmit function into a promise-based structure