Objects in the array are failing to sort in the expected sequence

Question

Objects in the array are failing to sort in the expected sequence

I am facing an issue with sorting an array of objects by a date property using the lodash function orderBy. I have tried to sort it in both ascending and descending order.

var searchObj = [{id: 1, postDate: '2/24/2016 5:08 PM'},
                 {id: 2, postDate: '3/14/2012 8:39 AM'},
                 {id: 3, postDate: '3/23/2016 1:56 AM'},
                 {id: 4, postDate: '5/9/2016 8:14 AM'},
                 {id: 5, postDate: '11/11/2016 05:26 PM'},
                 {id: 6, postDate: '05/19/2016 03:40 AM'},
                 {id: 7, postDate: '5/10/2016 9:23 PM'},
                 {id: 8, postDate: '11/07/2017 01:07 PM'},
                 {id: 9, postDate: '6/7/2011 9:20 AM'},
                 {id: 10, postDate: '11/03/2015 12:03 PM'}];

console.log(searchObj);

searchObj = _.orderBy(searchObj, [obj =>
  new Date(obj['postDate'].trim()).getTime() / 10000
], ['asc']);

console.log(searchObj);

<script src="https://cdn.jsdelivr.net/npm/<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="d5b9bab1b4a6bd95e1fbe4e2fbe1">[email protected]</a>/lodash.min.js"></script>

However, the sorted array is not always correct, resulting in mixed up dates like:

2/24/2016 5:08 PM
3/14/2012 8:39 AM
3/23/2016 1:56 AM
5/9/216 8:14 AM
5/10/2016 9:23 PM
6/7/2011 9:20 AM

Does anyone have any suggestions on how to fix this sorting issue?

javascript arrays sorting typescript lodash

Answer 1

Answer №1

One problem arises from the fact that the strings you are using are not in the correct format for parsing with new Date, as specified in the ECMA 262 standard. When this happens, implementations may resort to "...any implementation-specific heuristics or implementation-specific date formats..." — which could lead to varied interpretations of the same string inputs, despite them all being intended to be in the same format.

To avoid this issue, it is recommended to manually parse your strings and utilize the

new Date(year, month, day, hour, minute, sec, ms)

constructor instead. (The process is straightforward and there are plenty of examples available on platforms like Stack Overflow.)

Answer 2

One problem arises from the fact that the strings you are using are not in the correct format for parsing with new Date, as specified in the ECMA 262 standard. When this happens, implementations may resort to "...any implementation-specific heuristics or implementation-specific date formats..." — which could lead to varied interpretations of the same string inputs, despite them all being intended to be in the same format.

To avoid this issue, it is recommended to manually parse your strings and utilize the

new Date(year, month, day, hour, minute, sec, ms)

constructor instead. (The process is straightforward and there are plenty of examples available on platforms like Stack Overflow.)

Answer 3

Answer №2

Is lodash really necessary? The truth is, you can live without it.

function sortListByDate(inputList, dateProperty, isDescending){
  let result = inputList.sort(function(item1, item2){
    return item1[dateProperty].getTime() - item2[dateProperty].getTime();
  });
  if(isDescending){
    return result.reverse();
  } else {
    return result;
  }
}

Remember, the 'isDescending' parameter should be true for ascending and false for descending sorting.

Check out an example here: https://jsfiddle.net/yourusername/examplelink/

Answer 4

Is lodash really necessary? The truth is, you can live without it.

function sortListByDate(inputList, dateProperty, isDescending){
  let result = inputList.sort(function(item1, item2){
    return item1[dateProperty].getTime() - item2[dateProperty].getTime();
  });
  if(isDescending){
    return result.reverse();
  } else {
    return result;
  }
}

Remember, the 'isDescending' parameter should be true for ascending and false for descending sorting.

Check out an example here: https://jsfiddle.net/yourusername/examplelink/

Answer 5

Answer №3

Great job, you're almost there! Just remember to remove the [] from the second parameter in _.orderBy.

var searchObj = [{id: 1, postDate: '2/24/2016 5:08 PM'},
                 {id: 2, postDate: '3/14/2012 8:39 AM'},
                 {id: 3, postDate: '3/23/2016 1:56 AM'},
                 {id: 4, postDate: '5/9/2016 8:14 AM'},
                 {id: 5, postDate: '11/11/2016 05:26 PM'},
                 {id: 6, postDate: '05/19/2016 03:40 AM'},
                 {id: 7, postDate: '5/10/2016 9:23 PM'},
                 {id: 8, postDate: '11/07/2017 01:07 PM'},
                 {id: 9, postDate: '6/7/2011 9:20 AM'},
                 {id: 10, postDate: '11/03/2015 12:03 PM'}];

console.log(searchObj);

searchObj = _.orderBy(searchObj, obj =>
  new Date(obj['postDate'].trim()).getTime() / 10000
, 'asc');

console.log(searchObj);

<script src="https://cdn.jsdelivr.net/npm/<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="076b686366746f47332936302933">[email protected]</a>/lodash.min.js"></script>

Answer 6

Great job, you're almost there! Just remember to remove the [] from the second parameter in _.orderBy.

var searchObj = [{id: 1, postDate: '2/24/2016 5:08 PM'},
                 {id: 2, postDate: '3/14/2012 8:39 AM'},
                 {id: 3, postDate: '3/23/2016 1:56 AM'},
                 {id: 4, postDate: '5/9/2016 8:14 AM'},
                 {id: 5, postDate: '11/11/2016 05:26 PM'},
                 {id: 6, postDate: '05/19/2016 03:40 AM'},
                 {id: 7, postDate: '5/10/2016 9:23 PM'},
                 {id: 8, postDate: '11/07/2017 01:07 PM'},
                 {id: 9, postDate: '6/7/2011 9:20 AM'},
                 {id: 10, postDate: '11/03/2015 12:03 PM'}];

console.log(searchObj);

searchObj = _.orderBy(searchObj, obj =>
  new Date(obj['postDate'].trim()).getTime() / 10000
, 'asc');

console.log(searchObj);

<script src="https://cdn.jsdelivr.net/npm/<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="076b686366746f47332936302933">[email protected]</a>/lodash.min.js"></script>

Objects in the array are failing to sort in the expected sequence

Answer №1

Answer №2

Answer №3

Similar questions

Using JSON files in React applications is essential for accessing and displaying static data. Let's

What is the method for determining someone's age?

The autocomplete feature in Google Maps is not functioning properly when used within a modal

Can you explain the purpose of using the 'apply' method in this particular implementation of memoization in JavaScript?

How can a static website incorporate a local image without the need for backend functionality?

The table fails to refresh after adding, modifying, or removing a row

Encountered an error while trying to update information in Angular

Utilize the double parsing of JSON information (or opt for an alternative technique for dividing the data

The performance of Three.js is directly influenced by the quantity of objects present

Struggling with making changes to a instantiated "this" object within a pseudo javascript class

Add items to a new array with a property set to true, if they are present in the original array

Choosing Drop Down Options Dynamically with Jquery

Tips for manipulating fixed elements while navigating through the window's content

A guide to declaring MongoDB models in TypeScript across multiple files

AngularJS - the element of surprise in execution sequence

The process of sorting through an array of objects based on their specific types in TypeScript

The AngularJS error message: TypeError: Unable to access the 'images' property because it is undefined

How about using a JQuery variable?

Manipulate elements by adding and removing classes sequentially based on an array

Discover and analyze quantities across various columns in Excel when certain criteria are fulfilled