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

How do I preserve data within $scope upon switching views using ng-include?

Showing data in json format using Angular

"Learn how to transfer a selected value from a parent ASP.NET dropdownlist to a textbox in a popup window using JavaScript

Leveraging the power of React in conjunction with an HTML template

The function Mediarecorder.start() is experiencing issues on Firefox for Android and is not functioning

Avoiding Vue Select from automatically highlighting the initial option: tips and tricks

I am facing a dilemma with Expressjs when it comes to managing numerous users simultaneously

Add data to a nested array with Vuex

Encountering an unexpected token error while using JSON.parse()

Retrieve outcome from successful AJAX post and update HTML using globalEval

Executing a complex xpath using Java Script Executor in Selenium WebDriver

What is the correct way to deserialize this object properly?

Mapping Store Fields to JSON Properties in ExtJS: A Complete Guide

Execute Function after Gridview Sorting

What steps can be taken to resolve an error encountered when attempting a dynamic data POST request from the body

Submitting data using AJAX yields results, but the contact form remains untouched

Elegant Box 2 - Ascending to the top when clicked

sidebar that appears upon the initial page load

Sending data with the request body using Express and Passport

Finding the median value within a collection of objects