What is the best way to populate empty dates within an array of objects using TypeScript or JavaScript?

Question

What is the best way to populate empty dates within an array of objects using TypeScript or JavaScript?

I am trying to populate this object with dates from today until the next 7 days. Below is my initial object:

let obj = {
 "sessions": [{
      "date": "15-05-2021"
  },
  {
      "date": "16-05-2021"
  },
  {
      "date": "18-05-2021"
  }]
}

The desired output should look like this:

let output = {
 "sessions": [{
      "date": "14-05-2021"
  },
  {
      "date": "15-05-2021"
  },
  {
      "date": "16-05-2021"
  },
  {
      "date": "17-05-2021"
  },
  {
      "date": "18-05-2021"
  },
  {
      "date": "19-05-2021"
  },
  {
      "date": "20-05-2021"
  }]
}

Here is a function that generates an array of dates from today to the next 7 days:

function getWeekDates() {
    let dates = [];
    dates.push(new Date(Date.now() + 1000 * 3600 * 1).toLocaleDateString('en-GB').replace('/', '-').replace('/', '-'));
    for (let i = 1; i <= 6; i++) {
      dates.push(new Date(Date.now() + 1000 * 3600 * (i * 24)).toLocaleDateString('en-GB').replace('/', '-').replace('/', '-'));
    }
    console.log(dates);
}

getWeekDates();

//Output:["14-05-2021", "15-05-2021", "16-05-2021", "17-05-2021", "18-05-2021", "19-05-2021", "20-05-2021"]

I'm new at this, so please bear with me.

Thanks in advance...

javascript arrays typescript date object

Answer 1

Answer №1

To update the obj.sessions variable with newly generated dates, simply replace it with the following code.

let obj = {
  "sessions": [{
       "date": "15-05-2021"
   },
   {
       "date": "16-05-2021"
   },
   {
       "date": "18-05-2021"
   }]
}

function generateNewDates() {
    let dates = [];
    dates.push({ "date": new Date(Date.now() + 1000 * 3600 * 1).toLocaleDateString('en-GB').replace('/', '-').replace('/', '-')});
    for (let i = 1; i <= 6; i++) {
      dates.push({ "date": new Date(Date.now() + 1000 * 3600 * (i * 24)).toLocaleDateString('en-GB').replace('/', '-').replace('/', '-')});
    }
    obj.sessions = [...dates]
    console.log(obj)
}

generateNewDates();

Answer 2

To update the obj.sessions variable with newly generated dates, simply replace it with the following code.

let obj = {
  "sessions": [{
       "date": "15-05-2021"
   },
   {
       "date": "16-05-2021"
   },
   {
       "date": "18-05-2021"
   }]
}

function generateNewDates() {
    let dates = [];
    dates.push({ "date": new Date(Date.now() + 1000 * 3600 * 1).toLocaleDateString('en-GB').replace('/', '-').replace('/', '-')});
    for (let i = 1; i <= 6; i++) {
      dates.push({ "date": new Date(Date.now() + 1000 * 3600 * (i * 24)).toLocaleDateString('en-GB').replace('/', '-').replace('/', '-')});
    }
    obj.sessions = [...dates]
    console.log(obj)
}

generateNewDates();

What is the best way to populate empty dates within an array of objects using TypeScript or JavaScript?

Answer №1

Similar questions

Property of object (TS) cannot be accessed

Simplify typing in TypeScript using default generic parameters

Having some trouble creating a ping command in discord.js that displays latency; encountered this error message

More efficient methods for handling dates in JavaScript

Tips for accurately typing a "Type Mapping" function

Looking to retrieve HTML elements based on their inner text with queryselectors?

Utilizing Angular 2 for Element Selection and Event Handling

Error: Unable to locate module: 'fs' in 'node_modulesdotenvlib' - Next.js

Creating a setup in TypeScript to enable imports between CommonJS and ES modules (for node-fetch and Express)

Transform an object containing key-value pairs into an array of objects that include the key name and its corresponding value

An error has occurred in Typescript stating that there is no overload that matches the call for AnyStyledComponent since the update to nextjs

Improving the functionality of a dynamic Mongoose JS application

Effective Strategies for Preserving Form Input Values during Validation Failure in Spring MVC

Removing nested divs using JavaScript

The JQuery datepicker fails to function properly when the input field is modified from read-only

How can I store the content of a meta tag in a JavaScript variable?

What is the best way to send props to a React component?

Having trouble with Grunt and Autoprefixer integration not functioning properly

Stopping the page from scrolling back to the top when an asynchronous update occurs in Angular

Maintain original image file name when downloading