Find the object in an array that has the most recent date property

Question

Find the object in an array that has the most recent date property

Suppose I have an array of objects like this :

let sampleArray = [
  {
    "id": 5,
    "date": "2016-01-15T16:18:44.258843Z",
    "status": "NEW",
    "created_at": "2016-01-29T13:30:39.315000Z",
    "updated_at": "2016-01-29T13:30:39.315000Z",
    "request": 4
  },
  {
    "id": 6,
    "date": "2016-01-19T16:18:44.258843Z",
    "status": "STD",
    "created_at": "2016-01-29T13:30:39.372000Z",
    "updated_at": "2016-01-29T13:30:39.372000Z",
    "request": 4
  },
  {
    "id": 7,
    "date": "2016-01-23T16:18:44.258843Z",
    "status": "FOR",
    "created_at": "2016-01-29T13:30:39.417000Z",
    "updated_at": "2016-01-29T13:30:39.417000Z",
    "request": 4
  }];

Can you suggest a way to filter this array so that only the object with the latest date property is returned?

javascript angularjs date

Answer 1

Answer №1

Utilize the power of Array#reduce and retrieve the object with the most recent date (since you have an ISO date, direct comparison is possible):

var array = [{ "id": 5, "date": "2016-01-15T16:18:44.258843Z", "status": "NEW", "created_at": "2016-01-29T13:30:39.315000Z", "updated_at": "2016-01-29T13:30:39.315000Z", "request": 4 }, { "id": 6, "date": "2016-01-19T16:18:44.258843Z", "status": "STD", "created_at": "2016-01-29T13:30:39.372000Z", "updated_at": "2016-01-29T13:30:39.372000Z", "request": 4 }, { "id": 7, "date": "2016-01-23T16:18:44.258843Z", "status": "FOR", "created_at": "2016-01-29T13:30:39.417000Z", "updated_at": "2016-01-29T13:30:39.417000Z", "request": 4 }],
    latest = array.reduce(function (r, a) {
        return r.date > a.date ? r : a;
    });

document.write('<pre>' + JSON.stringify(latest, 0, 4) + '</pre>');

Answer 2

Utilize the power of Array#reduce and retrieve the object with the most recent date (since you have an ISO date, direct comparison is possible):

var array = [{ "id": 5, "date": "2016-01-15T16:18:44.258843Z", "status": "NEW", "created_at": "2016-01-29T13:30:39.315000Z", "updated_at": "2016-01-29T13:30:39.315000Z", "request": 4 }, { "id": 6, "date": "2016-01-19T16:18:44.258843Z", "status": "STD", "created_at": "2016-01-29T13:30:39.372000Z", "updated_at": "2016-01-29T13:30:39.372000Z", "request": 4 }, { "id": 7, "date": "2016-01-23T16:18:44.258843Z", "status": "FOR", "created_at": "2016-01-29T13:30:39.417000Z", "updated_at": "2016-01-29T13:30:39.417000Z", "request": 4 }],
    latest = array.reduce(function (r, a) {
        return r.date > a.date ? r : a;
    });

document.write('<pre>' + JSON.stringify(latest, 0, 4) + '</pre>');

Answer 3

Answer №2

Utilize the sort function for this task:

To accomplish this without checking for null values, you can simply execute

array.sort((a,b) => new Date(b.timestamp).getTime() - new Date(a.timestamp).getTime())[0];

Answer 4

Utilize the sort function for this task:

To accomplish this without checking for null values, you can simply execute

array.sort((a,b) => new Date(b.timestamp).getTime() - new Date(a.timestamp).getTime())[0];

Answer 5

Answer №3

Give this a shot:

array.sort(function(item1, item2) {
        return Date.parse(item1.date) - Date.parse(item2.date);
   });

Answer 6

Give this a shot:

array.sort(function(item1, item2) {
        return Date.parse(item1.date) - Date.parse(item2.date);
   });

Find the object in an array that has the most recent date property

Answer №1

Answer №2

Answer №3

Similar questions

Using Django with Ajax without the need for the JQuery library

Ways to retrieve a variable from outside of a function

Issue regarding navigation using nuxt-links to pages with hashtags/anchors

What is the best way to transfer an array made in JavaScript to a different JSP and subsequently utilize that array in a Java function within that JSP?

Having trouble getting my app.get calls to work in the new Node Express project

What is the best way to implement jQuery after new elements have been added to the DOM?

What is the process of encoding a String in AngularJS?

Switch the scroll direction in the middle of the page and then switch it back

When I click the button, the page goes blank and keeps loading endlessly

Enhancing the appearance of individual cells in jQuery DataTables

Updating the columns in a row by clicking the refresh button with ajax in a JSP file

Struggling to determine whether an array contains data or is void in ReactJS?

Tips for successfully passing multiple properties to a function in React

What is the correct way to send an HTTP error code to an error handling middleware?

Refreshing a DIV in Rails by reloading from model using a JavaScript function

Exploring the (*ngFor) Directive to Iterate Through an [object Object]

Integrating custom HTTP headers with window.location.href in an Angular application

Unexpected behavior encountered when implementing specific Textfield validation with Material UI

Unable to establish a connection with the endpoint

An issue arose while trying to create the perfect seed with yeoman