Sort an Object Array by Date in JavaScript
Last Updated :
24 May, 2025
To sort an Object Array by Date in JavaScript, we have different approaches. We are going to learn how to sort an Object Array by Date in JavaScript.
Below are the approaches to sort an Object Array by Date in JavaScript:
1. Using sort method with Date objects
This approach uses the built-in sort method along with Date objects. The sort method compares Date objects directly, sorting the array in ascending order based on the date property.
JavaScript
const data = [
{ name: 'Event 1', date: new Date('2023-01-15') },
{ name: 'Event 2', date: new Date('2022-12-20') },
{ name: 'Event 3', date: new Date('2023-03-05') }
];
// Sorting the array based on the 'date' property
data.sort((a, b) => a.date - b.date);
console.log(data);
Output[
{ name: 'Event 2', date: 2022-12-20T00:00:00.000Z },
{ name: 'Event 1', date: 2023-01-15T00:00:00.000Z },
{ name: 'Event 3', date: 2023-03-05T00:00:00.000Z }
]
2. Using sort() method with getTime() method
This method uses the sort method but employs the getTime method on Date objects to obtain their numeric representations. Sorting is done based on these numeric values.
JavaScript
const data = [
{ name: 'Event 1', date: new Date('2023-01-15') },
{ name: 'Event 2', date: new Date('2022-12-20') },
{ name: 'Event 3', date: new Date('2023-03-05') }
];
// Sorting the array based on the 'date' property
data.sort((a, b) => a.date.getTime() - b.date.getTime());
console.log(data);
Output[
{ name: 'Event 2', date: 2022-12-20T00:00:00.000Z },
{ name: 'Event 1', date: 2023-01-15T00:00:00.000Z },
{ name: 'Event 3', date: 2023-03-05T00:00:00.000Z }
]
3. Using a custom sorting function
In this approach, a custom sorting function (sortByDate) is defined, which compares the date properties of the objects. This function is then used as an argument for the sort method to achieve the desired sorting.
JavaScript
const data = [
{ name: 'Event 1', date: new Date('2023-01-15') },
{ name: 'Event 2', date: new Date('2022-12-20') },
{ name: 'Event 3', date: new Date('2023-03-05') }
];
// Custom sorting function
const sortByDate = (a, b) => {
return a.date - b.date;
};
// Sorting the array based on the 'date' property using the custom function
data.sort(sortByDate);
console.log(data);
Output[
{ name: 'Event 2', date: 2022-12-20T00:00:00.000Z },
{ name: 'Event 1', date: 2023-01-15T00:00:00.000Z },
{ name: 'Event 3', date: 2023-03-05T00:00:00.000Z }
]
To sort an object array by date using `Intl.DateTimeFormat` and `Array.prototype.sort()`, convert the date strings to formatted dates, then use the `sort` method with a custom compare function that compares the formatted dates.
JavaScript
const a = [
{ id: 1, date: '2022-01-15' },
{ id: 2, date: '2023-03-20' },
{ id: 3, date: '2021-09-10' }
];
a.sort((a, b) => new Intl.DateTimeFormat('en-US').format(new Date(a.date)) -
new Intl.DateTimeFormat('en-US').format(new Date(b.date)));
console.log(a);
Output[
{ id: 1, date: '2022-01-15' },
{ id: 2, date: '2023-03-20' },
{ id: 3, date: '2021-09-10' }
]
Similar Reads
JavaScript - Sort JS Arrays of Objects by Date Key The following approaches can be used to sort the array of objects by Date as KeyUsing Array.sort() with Comparison FunctionUse the comparison function to sort the array of objects (complex array).JavaScriptconst arr = [ { name: 'Geeks', date: '2022-03-15' }, { name: 'Abc', date: '2022-03-12' }, { na
3 min read
Sort an Array in JavaScript This article will show you how to sort a JS array.1. Using array.sort() Method To sort an array in JavaScript, we can use array.sort() method. This method sorts the elements alphabetically in ascending order.JavaScriptlet arr = ["JS", "HTML", "CSS"]; arr.sort() console.log(arr);Output[ 'CSS', 'HTML'
3 min read
Sort An Array Of Arrays In JavaScript The following approaches can be used to sort array of arrays in JavaScript.1. Using array.sort() Method- Mostly UsedJS array.sort() is used to sort and update the original array in ascending order.JavaScriptlet arr = [[3, 2], [1, 4], [2, 5], [2, 0]]; arr.sort(); console.log(arr);Output[ [ 1, 4 ], [
2 min read
How to sort an array of object by two fields in JavaScript ? We have given an array of objects and the task is to sort the array of elements by 2 fields of the object. There are two methods to solve this problem which are discussed below: Approach 1:First compare the first property, if both are unequal then sort accordingly.If they are equal then do the same
3 min read
How to Sort an Array of Objects Based on a Key in JavaScript ? In JavaScript, sorting an array of objects based on the key consists of iterating over the array, applying the sort() method or other approaches, and arranging the array in the desired sorting order. Table of Content Using sort() methodUsing Custom Sorting FunctionUsing Lodash _.orderBy() MethodUsin
3 min read
How to Access Array of Objects in JavaScript ? Accessing an array of objects in JavaScript is a common task that involves retrieving and manipulating data stored within each object. This is essential when working with structured data, allowing developers to easily extract, update, or process information from multiple objects within an array.How
4 min read
How to Sort a Multidimensional Array in JavaScript by Date ? Sorting a Multidimensional Array by date consists of ordering the inner arrays based on the date values. This needs to be done by converting the date representation into the proper comparable formats and then applying the sorting function to sort the array in ascending or descending order. Below are
2 min read
Sort an array of objects using Boolean property in JavaScript Given the JavaScript array containing Boolean values. The task is to sort the array on the basis of Boolean value with the help of JavaScript. There are two approaches that are discussed below: Table of Content Using Array.sort() Method and === OperatorUsing Array.sort() and reverse() MethodsUsing a
2 min read
JavaScript - Sort a Numeric Array Here are some common methods to Sort Numeric Array using JavaScript. Please note that the sort function by default considers number arrays same as an array of stings and sort by considering digits as characters.Using sort() with a Comparison Function - Most UsedThe sort() method in JavaScript, when
2 min read
JavaScript Date Objects In JavaScript, the Date object is a built-in object that allows you to work with dates and times. It provides a variety of methods to handle dates, compare them, manipulate them, and format them.The Date object in JavaScript represents a single point in time. It provides various functionalities to w
6 min read