Tips for creating a group in underscore.js

Question

Tips for creating a group in underscore.js

{
    "Name": "User1",        
    "SlotStartDate": "05/16/2018",
    "SlotStartTime": "9:20AM"        
},
{
    "Name": "User1",   
    "SlotStartDate": "05/16/2018",
    "SlotStartTime": "10:20AM"
},
{
    "Name": "User1",        
    "SlotStartDate": "05/17/2018",
    "SlotStartTime": "9:20AM"        
},
{
    "Name": "User1",        
    "SlotStartDate": "05/17/2018",
    "SlotStartTime": "10:20AM"        
},
{
    "Name": "User2",
    "SlotStartDate": "05/16/2018",
    "SlotStartTime": "8:45AM"
},
{
    "Name": "User2",
    "SlotStartDate": "05/16/2018",
    "SlotStartTime": "9:25AM"
}
{
    "Name": "User2",
    "SlotStartDate": "05/17/2018",
    "SlotStartTime": "8:45AM"
},
{
    "Name": "User2",
    "SlotStartDate": "05/17/2018",
    "SlotStartTime": "9:25AM"
}

Would appreciate assistance on using underscore.js to group the above data and return an array organized by user and date as follows:

Data grouped by user and date.

User1
- "05/16/2018"
    - "9:20AM"
    - "10:20AM"
- "05/17/2018"
    - "9:20AM"
    - "10:20AM"     
User2
- "05/16/2018"
    - "8:45AM"
    - "9:25AM"
- "05/17/2018"
    - "8:45AM"
    - "9:25AM"

I have attempted the code snippet below:

var createGroups = _.groupBy(response2, function(value){
    return  value.Name + '#' + value.SlotStartDate  
});

var groupedData = _.map(createGroups,function(createGroup){
    return {                            
        slottimes: _.pluck(createGroup,'SlotStartTime')
    }
});

Your support is highly valued!

javascript arrays underscore.js

Answer 1

Answer №1

You have the ability to achieve this task:

var groupedData = _.mapObject(_.groupBy(data, 'Name'), (user) => {
  return _.mapObject(_.groupBy(user, 'SlotStartDate'), (date) => {
    return _.pluck(date, 'SlotStartTime');
  });
});

Here is a link to a jsfiddle example

Answer 2

You have the ability to achieve this task:

var groupedData = _.mapObject(_.groupBy(data, 'Name'), (user) => {
  return _.mapObject(_.groupBy(user, 'SlotStartDate'), (date) => {
    return _.pluck(date, 'SlotStartTime');
  });
});

Here is a link to a jsfiddle example

Tips for creating a group in underscore.js

Answer №1

Similar questions

Retrieve the identification number from the code snippet containing the "append(<tr><td="ID">..." template

Unable to access a JavaScript array in one file from another file in JavaScript

Extend and retract within a row of a table

Even after setting a new value to a variable in Vue, it may still reference the old

Personalize your jQuery function

Is it possible to efficiently delete multiple elements from an array in Android Studio? If so, what

Improved method for managing hash URLs in AJAX-enabled websites

What are the best ways to creatively design HTML content generated using JavaScript?

Guide on assigning a value to a property within a PHP object

Switch classes while navigating within a div

A thrilling twist on the classic game of Tic Tac Toe, where X and

Tips for Retrieving the Key Names of JSON Objects within a JSON Array

Retrieving an image URL from JSON information

How can PHP be used to create Javascript?

Having issues with AngularJS rzslider failing to dispatch updated slider value

Applying a consistent script with varying inputs on the same HTML page

`The best way to access a JavaScript variable from PHP`

Inconsistent display of Bootstrap tooltip upon mouseover

The higher-order component is lacking a defined display name in its definition

The file from Connect Asset Manager does not correspond to the requested URL