JavaScript: Implement a function that returns an object with key-value pairs instead of a

Question

JavaScript: Implement a function that returns an object with key-value pairs instead of a

Once again, I'm looking at this particular answer.

var firstEvents = events.reduce(function(ar, e) {
  var id = e.getId();
  if (e.isRecurringEvent() && e.isAllDayEvent() && !ar.some(function(f) {return f.eventId == id})) {
    ar.push({eventTitle: e.getTitle(), eventId: id, startDate: e.getAllDayStartDate(), endDate: e.getAllDayEndDate()});
  }
  return ar;
}, []);

If I want to obtain an array with the event titles as keys (Strings) and the start dates as values (Date objects), so that I can access a specific start date through firstEvents['some event title'], what modifications do I need to make?

EDIT:

Current Output:

firstEvents = [{eventTitle=Event title 1, <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="244152414a506d40195c5d5e1564434b4b4348410a474b49">[email protected]</a>, startDate=Sun Mar 18 00:00:00 GMT+01:00 2018, endDate=Mon Mar 19 00:00:00 GMT+01:00 2018},
               {eventTitle=Event title 2, <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="791c0f1c170d301d440100034b391e16161e151c571a1614">[email protected]</a>, startDate=Tue Mar 19 00:00:00 GMT+01:00 2019, endDate=Wed Mar 20 00:00:00 GMT+01:00 2019},
               {eventTitle=Event title 3, <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="f49182919a80bd90c98c8d8ec7b4939b9b939891da979b99">[email protected]</a>, startDate=Fri Mar 20 00:00:00 GMT+01:00 2020, endDate=Sat Mar 21 00:00:00 GMT+01:00 2020}]

Desired Output (Pseudo):

firstEvents = ['Event title 1' => Sun Mar 18 00:00:00 GMT+01:00 2018,
               'Event title 2' => Tue Mar 19 00:00:00 GMT+01:00 2019,
               'Event title 3' => Fri Mar 20 00:00:00 GMT+01:00 2020]

javascript arrays

Answer 1

Answer №1

Avoid using push, instead assign values to an object using keys.

obj = {}; // Make sure to adjust the source parameter if necessary
// It's not possible to change the type of input Array [] to Object {} within the function
// You can retrieve an Array and return an Object, but the source variable won't be modified
ar[e.getTitle()] = e.getAllDayStartDate();

Alternatively, consider utilizing some example data:

var obj = [
{
    eventTitle: 'one',
    eventId: '#1',
    startDate: new Date(),
    endDate: new Date()
},
{
    eventTitle: 'two',
    eventId: 'secondId',
    startDate: new Date(),
    endDate: new Date()
}];
var result = {};
for (var item of obj) {
    result[item.eventId] = item;
}
console.log(JSON.stringify(result, null, 2));
console.log(result['#1']);
console.log(result.secondId);

Answer 2

Avoid using push, instead assign values to an object using keys.

obj = {}; // Make sure to adjust the source parameter if necessary
// It's not possible to change the type of input Array [] to Object {} within the function
// You can retrieve an Array and return an Object, but the source variable won't be modified
ar[e.getTitle()] = e.getAllDayStartDate();

Alternatively, consider utilizing some example data:

var obj = [
{
    eventTitle: 'one',
    eventId: '#1',
    startDate: new Date(),
    endDate: new Date()
},
{
    eventTitle: 'two',
    eventId: 'secondId',
    startDate: new Date(),
    endDate: new Date()
}];
var result = {};
for (var item of obj) {
    result[item.eventId] = item;
}
console.log(JSON.stringify(result, null, 2));
console.log(result['#1']);
console.log(result.secondId);

JavaScript: Implement a function that returns an object with key-value pairs instead of a

Answer №1

Similar questions

Tips on deleting CSS comments from a CSS file

Set iframe or form to be in a fixed position

Node.js and react-create-app are not compatible with each other

Using ReactJS to trigger a timer function on a button click

Any ideas on how to resolve this ajaxToolkit issue?

What is the best way to fill out a secondary drop

fill collections within backbone

Using TypeScript with React: Initializing State in the Constructor

Tips for preventing repetition in an array containing a mix of case-sensitive and case-insensitive strings using Swift

Navigating through JSON data that has been returned

Playing Tic Tac Toe - How to prevent displaying results when an invalid move is made

Tips for implementing React Browser Router within Material UI Drawer

What is the best method to transform URI data encoded in base64 into a file on the server side?

Exploring the concept of importing components from different pages in NextJS

Is your Javascript navigation functioning properly on some submenus while encountering issues on others?

What causes the menu icon to shift to the left upon clicking it?

Enable modification of form field once a personalized dynamic stamp has been applied

Manipulate documents in a Mongoose array by conditionally adding or removing elements

assigning a numerical value to a variable

Check the Full Calendar to see if any events are scheduled for today