how can I retrieve an element using a datetime in JavaScript

Question

how can I retrieve an element using a datetime in JavaScript

I have a list of appointments like the one below:

0: {start: '2022-02-23T09:30:00', end: '2022-02-23T10:00:00',…}
    1: {start: '2022-02-23T10:00:00', end: '2022-02-23T10:30:00',…}
    2: {start: '2022-02-23T10:30:00', end: '2022-02-23T11:00:00',…}
    ...

My goal is to find the first appointment that has free time in between its start and end

For instance, if we examine the third appointment, it starts at 11:00 and ends at 11:30 with no gaps before. The next appointment starting at 12:00 creates a 30-minute gap from 11:30 to 12:00. I am looking to retrieve the end property (or the entire appointment) of the first appointment without a direct follow-up.

Update: I have attempted the following code snippet

const latestAppointment = [...appointments].sort((a, b) => (new Date(a.end)) < (new Date(b.end)) ? -1 : 1)

I hope this explanation clarifies my question. Thank you.

javascript angular typescript

Answer 1

Answer №1

Are you in search of a solution like this?

myArray.filter((e, i, o) => e.end !== o[i+1]?.start)?.shift();

const schedule = {
  0: {
    start: '2022-02-23T09:30:00',
    end: '2022-02-23T10:00:00'
  },
  1: {
    start: '2022-02-23T10:00:00',
    end: '2022-02-23T10:30:00'
  },
  2: {
    start: '2022-02-23T10:30:00',
    end: '2022-02-23T11:00:00'
  },
  3: {
    start: '2022-02-23T11:00:00',
    end: '2022-02-23T11:30:00'
  },
  4: {
    start: '2022-02-23T12:00:00',
    end: '2022-02-23T12:30:00'
  },
  5: {
    start: '2022-02-23T13:00:00',
    end: '2022-02-23T13:30:00'
  },
  6: {
    start: '2022-02-23T13:30:00',
    end: '2022-02-23T14:00:00'
  },
  7: {
    start: '2022-02-23T14:00:00',
    end: '2022-02-23T14:30:00'
  },
  8: {
    start: '2022-02-23T14:30:00',
    end: '2022-02-23T15:00:00'
  },
  9: {
    start: '2022-02-23T15:00:00',
    end: '2022-02-23T15:30:00'
  },
  10: {
    start: '2022-02-23T15:30:00',
    end: '2022-02-23T16:00:00'
  },
  11: {
    start: '2022-02-23T16:00:00',
    end: '2022-02-23T16:30:00'
  },
  12: {
    start: '2022-02-23T16:30:00',
    end: '2022-02-23T17:00:00'
  }
}


const result = Object.values(schedule).filter((e, i, o) => e.end !== o[i+1]?.start)?.shift();
console.log(result);

Answer 2

Are you in search of a solution like this?

myArray.filter((e, i, o) => e.end !== o[i+1]?.start)?.shift();

const schedule = {
  0: {
    start: '2022-02-23T09:30:00',
    end: '2022-02-23T10:00:00'
  },
  1: {
    start: '2022-02-23T10:00:00',
    end: '2022-02-23T10:30:00'
  },
  2: {
    start: '2022-02-23T10:30:00',
    end: '2022-02-23T11:00:00'
  },
  3: {
    start: '2022-02-23T11:00:00',
    end: '2022-02-23T11:30:00'
  },
  4: {
    start: '2022-02-23T12:00:00',
    end: '2022-02-23T12:30:00'
  },
  5: {
    start: '2022-02-23T13:00:00',
    end: '2022-02-23T13:30:00'
  },
  6: {
    start: '2022-02-23T13:30:00',
    end: '2022-02-23T14:00:00'
  },
  7: {
    start: '2022-02-23T14:00:00',
    end: '2022-02-23T14:30:00'
  },
  8: {
    start: '2022-02-23T14:30:00',
    end: '2022-02-23T15:00:00'
  },
  9: {
    start: '2022-02-23T15:00:00',
    end: '2022-02-23T15:30:00'
  },
  10: {
    start: '2022-02-23T15:30:00',
    end: '2022-02-23T16:00:00'
  },
  11: {
    start: '2022-02-23T16:00:00',
    end: '2022-02-23T16:30:00'
  },
  12: {
    start: '2022-02-23T16:30:00',
    end: '2022-02-23T17:00:00'
  }
}


const result = Object.values(schedule).filter((e, i, o) => e.end !== o[i+1]?.start)?.shift();
console.log(result);

how can I retrieve an element using a datetime in JavaScript

Answer №1

Similar questions

Upgrading an Express 2.x application to Express 3.0

Using AJAX to showcase data from a table in a database using the <select> tag but with an unfinished submit process

Organize an AngularJS dataset into pages

A helpful guide on performing a service call in AngularJs when attempting to close the browser tab or window

Is it possible for a popup to appear without any user interaction

How can I programmatically trigger a change event for a dropdown in Vue.js?

Retrieving the original state value after updating it with data from local storage

Callback for Vue asynchronous components

What steps do I need to take in order to develop a custom component for FormControls?

Initializing variables in Angular2 templates

When a function is included in an object, it transforms into something other than a function

Tips on incorporating asynchronous functionality in AngularJS

What is the process for transforming a string literal type into the keys of a different type?

How to Implement Modal Popups on Click in Angular with the AmCharts XY Chart

Cover the whole page in darkness and emphasize the division element

"Exciting developments in Angular 17 with the introduction of the new @

During the signin process with invalid credentials, a CallbackRouteError is thrown by Next-auth instead of the expected CredentialsSignin error while using the Credentials

Turn off the validation of individual JavaScript errors in Eclipse

Unable to add items to the collection in NPM with Meteor 1.3

Nested state fails to display HTML content or activate controller initialization