Organize the array based on the grandchild's value

Question

Organize the array based on the grandchild's value

Consider this scenario: I have a collection of objects, where each object contains another collection of objects. The structure is as follows:

[
    {
        "dislikes": [
            {
                "createDate": {
                    "date": 11,
                    "day": 0,
                    "hours": 18,
                    "minutes": 15,
                    "month": 10,
                    "seconds": 11,
                    "time": 1541956511001,
                    "timezoneOffset": -60,
                    "year": 118
                },
            },
            {
                "createDate": {
                    "date": 11,
                    "day": 0,
                    "hours": 18,
                    "minutes": 15,
                    "month": 10,
                    "seconds": 11,
                    "time": 1541956511008,
                    "timezoneOffset": -60,
                    "year": 118
                },
            }
        ],
    },
    {
        "dislikes": [
            {
                "createDate": {
                    "date": 11,
                    "day": 0,
                    "hours": 18,
                    "minutes": 15,
                    "month": 10,
                    "seconds": 11,
                    "time": 1541956511011,
                    "timezoneOffset": -60,
                    "year": 118
                },
            },
            {
                "createDate": {
                    "date": 11,
                    "day": 0,
                    "hours": 18,
                    "minutes": 15,
                    "month": 10,
                    "seconds": 11,
                    "time": 1541956511028,
                    "timezoneOffset": -60,
                    "year": 118
                },
            }
        ],
    }
]

I am looking to organize the users and their dislikes based on the time in the dislikes. Essentially, the user with the earliest dislike should appear first, along with the earliest dislike within each user's dislikes array. It seems like multiple sorting operations are needed, but what would be the best approach for achieving this?

javascript arrays sorting

Answer 1

Answer №1

To organize the items based on their earliest dislike, one approach is to map each item and include a property that holds the timestamp of the oldest dislike. Then, the items can be sorted based on this newly added property:

const data = [{"dislikes":[{"createDate":{"date":11,"day":0,"hours":18,"minutes":15,"month":10,"seconds":11,"time":1541956511001,"timezoneOffset":-60,"year":118}},{"createDate":{"date":11,"day":0,"hours":18,"minutes":15,"month":10,"seconds":11,"time":1541956511008,"timezoneOffset":-60,"year":118}}]},{"dislikes":[{"createDate":{"date":11,"day":0,"hours":18,"minutes":15,"month":10,"seconds":11,"time":1541956511011,"timezoneOffset":-60,"year":118}},{"createDate":{"date":11,"day":0,"hours":18,"minutes":15,"month":10,"seconds":11,"time":1541956511028,"timezoneOffset":-60,"year":118}}]}];

console.log(
  data
    //map and add newestDislike property
    .map((d) => ({

      ...d,
      
      //reduce and only takes the lowest time value
      newestDislike: (d.dislikes || []).reduce(

        (result, item) =>
          
          item.createDate.time < result
  
            ? item.createDate.time

            : result,

        Infinity, //defaults to infinity (if no dislikes)
      ),

    }))
    .sort((a, b) => 

      a.newestDislike - b.newestDislike),
);

If the dislikes in the user are already sorted by oldest date first then you can skip the map and reduce part. If a user can have empty dislikes or undefined then make sure to use a getter function with a default value to prevent any crashes in your code:

//gets a nested prop from object or returns defaultValue
const get = (o = {}, path, defaultValue) => {
  
  const recur = (o, path, defaultValue) => {

    if (o === undefined) return defaultValue;

    if (path.length === 0) return o;
    
    if (!(path[0] in o)) return defaultValue;

    return recur(o[path[0]], path.slice(1), defaultValue);
  
  };
  
  return recur(o, path, defaultValue);

};

console.log(
  
  data.sort(
    
    (a, b) =>
      
      get(
        
        a,
        
        ['dislikes', 0, 'createDate', 'time'],
        
        Infinity,
      
      ) -
      
      get(
        
        b,
        
        ['dislikes', 0, 'createDate', 'time'],
        
        Infinity,
      
      ),
     
   ),
 
 );

Answer 2

To organize the items based on their earliest dislike, one approach is to map each item and include a property that holds the timestamp of the oldest dislike. Then, the items can be sorted based on this newly added property:

const data = [{"dislikes":[{"createDate":{"date":11,"day":0,"hours":18,"minutes":15,"month":10,"seconds":11,"time":1541956511001,"timezoneOffset":-60,"year":118}},{"createDate":{"date":11,"day":0,"hours":18,"minutes":15,"month":10,"seconds":11,"time":1541956511008,"timezoneOffset":-60,"year":118}}]},{"dislikes":[{"createDate":{"date":11,"day":0,"hours":18,"minutes":15,"month":10,"seconds":11,"time":1541956511011,"timezoneOffset":-60,"year":118}},{"createDate":{"date":11,"day":0,"hours":18,"minutes":15,"month":10,"seconds":11,"time":1541956511028,"timezoneOffset":-60,"year":118}}]}];

console.log(
  data
    //map and add newestDislike property
    .map((d) => ({

      ...d,
      
      //reduce and only takes the lowest time value
      newestDislike: (d.dislikes || []).reduce(

        (result, item) =>
          
          item.createDate.time < result
  
            ? item.createDate.time

            : result,

        Infinity, //defaults to infinity (if no dislikes)
      ),

    }))
    .sort((a, b) => 

      a.newestDislike - b.newestDislike),
);

If the dislikes in the user are already sorted by oldest date first then you can skip the map and reduce part. If a user can have empty dislikes or undefined then make sure to use a getter function with a default value to prevent any crashes in your code:

//gets a nested prop from object or returns defaultValue
const get = (o = {}, path, defaultValue) => {
  
  const recur = (o, path, defaultValue) => {

    if (o === undefined) return defaultValue;

    if (path.length === 0) return o;
    
    if (!(path[0] in o)) return defaultValue;

    return recur(o[path[0]], path.slice(1), defaultValue);
  
  };
  
  return recur(o, path, defaultValue);

};

console.log(
  
  data.sort(
    
    (a, b) =>
      
      get(
        
        a,
        
        ['dislikes', 0, 'createDate', 'time'],
        
        Infinity,
      
      ) -
      
      get(
        
        b,
        
        ['dislikes', 0, 'createDate', 'time'],
        
        Infinity,
      
      ),
     
   ),
 
 );

Answer 3

Answer №2

//Pass the array mentioned as users to the function sortDislikesForAllUsers below
let sortDislikesForAllUsers = function(users) {
    return users.map(user => {
        return {
            dislikes: user.dislikes.sort((dislikeA, dislikeB) => ((dislikeA.createDate.time < dislikeB.createDate.time) ? -1 : (dislikeA.createDate.time > dislikeB.createDate.time) ? 1 : 0))
        }
    })
}
//Pass the array returned above as input to the function sortUsers
let sortUsers = function(arrayOfSortedDislikesPerUser) {
    return arrayOfSortedDislikesPerUser.sort((userA, userB) => ((userA.dislikes[0].createDate.time < userB.dislikes[0].createDate.time) ? -1 : (userA.dislikes[0].createDate.time > userB.dislikes[0].createDate.time) ? 1 : 0))
}

let arrayOfSortedDislikesPerUser = sortDislikesForAllUsers(users);
let finalSortedArray = sortUsers(arrayOfSortedDislikesPerUser);
console.log(finalSortedArray);

Explanation:
sortDislikesForAllUsers method is used for sorting dislikes for each user individually.

sortUsers method sorts users based on the first dislike time obtained from the sorted dislikes array using the previous method

Easy peasy!

Run the code snippet below directly in your code:

let users = [{
        "dislikes": [
            {
                "createDate": {
                    "date": 11,
                    "day": 0,
                    "hours": 18,
                    "minutes": 15,
                    "month": 10,
                    "seconds": 11,
                    "time": 1541956511001,
                    "timezoneOffset": -60,
                    "year": 118
                },
            },
            {
                "createDate": {
                    "date": 11,
                    "day": 0,
                    "hours": 18,
                    "minutes": 15,
                    "month": 10,
                    "seconds": 11,
                    "time": 1541956511008,
                    "timezoneOffset": -60,
                    "year": 118
                },
            }
        ],
    },
    {
        "dislikes": [
            {
                "createDate": {
                    "date": 11,
                    "day": 0,
                    "hours": 18,
                    "minutes": 15,
                    "month": 10,
                    "seconds": 11,
                    "time": 1541956511011,
                    "timezoneOffset": -60,
                    "year": 118
                },
            },
            {
                "createDate": {
                    "date": 11,
                    "day": 0,
                    "hours": 18,
                    "minutes": 15,
                    "month": 10,
                    "seconds": 11,
                    "time": 1541956511028,
                    "timezoneOffset": -60,
                    "year": 118
                },
            }
        ],
    }]

    let sortDislikesForAllUsers = function(users) {
    return users.map(user => {
    return {
    dislikes: user.dislikes.sort((dislikeA, dislikeB) => ((dislikeA.createDate.time < dislikeB.createDate.time) ? -1 : (dislikeA.createDate.time > dislikeB.createDate.time) ? 1 : 0))
    }
    })
    }

    let sortUsers = function(arrayOfSortedDislikesPerUser) {
    return arrayOfSortedDislikesPerUser.sort((userA, userB) => ((userA.dislikes[0].createDate.time < userB.dislikes[0].createDate.time) ? -1 : (userA.dislikes[0].createDate.time > userB.dislikes[0].createDate.time) ? 1 : 0))
    }

    let arrayOfSortedDislikesPerUser = sortDislikesForAllUsers(users);
    let finalSortedArray = sortUsers(arrayOfSortedDislikesPerUser);
    console.log(finalSortedArray);

EDIT: Regarding @HMR's comment:
1. It alters the original array. If you want to avoid this, make a copy of the array before sorting.

let noRefCopy = new Array()
noRefCopy = noRefCopy.concat(originalArr)

Sort the copy and return it instead.

2. You can add checks for undefined etc if needed.

These concerns can be addressed if the question requires them specifically.

Cheers,
Kruthika

Answer 4

//Pass the array mentioned as users to the function sortDislikesForAllUsers below
let sortDislikesForAllUsers = function(users) {
    return users.map(user => {
        return {
            dislikes: user.dislikes.sort((dislikeA, dislikeB) => ((dislikeA.createDate.time < dislikeB.createDate.time) ? -1 : (dislikeA.createDate.time > dislikeB.createDate.time) ? 1 : 0))
        }
    })
}
//Pass the array returned above as input to the function sortUsers
let sortUsers = function(arrayOfSortedDislikesPerUser) {
    return arrayOfSortedDislikesPerUser.sort((userA, userB) => ((userA.dislikes[0].createDate.time < userB.dislikes[0].createDate.time) ? -1 : (userA.dislikes[0].createDate.time > userB.dislikes[0].createDate.time) ? 1 : 0))
}

let arrayOfSortedDislikesPerUser = sortDislikesForAllUsers(users);
let finalSortedArray = sortUsers(arrayOfSortedDislikesPerUser);
console.log(finalSortedArray);

Explanation:
sortDislikesForAllUsers method is used for sorting dislikes for each user individually.

sortUsers method sorts users based on the first dislike time obtained from the sorted dislikes array using the previous method

Easy peasy!

Run the code snippet below directly in your code:

let users = [{
        "dislikes": [
            {
                "createDate": {
                    "date": 11,
                    "day": 0,
                    "hours": 18,
                    "minutes": 15,
                    "month": 10,
                    "seconds": 11,
                    "time": 1541956511001,
                    "timezoneOffset": -60,
                    "year": 118
                },
            },
            {
                "createDate": {
                    "date": 11,
                    "day": 0,
                    "hours": 18,
                    "minutes": 15,
                    "month": 10,
                    "seconds": 11,
                    "time": 1541956511008,
                    "timezoneOffset": -60,
                    "year": 118
                },
            }
        ],
    },
    {
        "dislikes": [
            {
                "createDate": {
                    "date": 11,
                    "day": 0,
                    "hours": 18,
                    "minutes": 15,
                    "month": 10,
                    "seconds": 11,
                    "time": 1541956511011,
                    "timezoneOffset": -60,
                    "year": 118
                },
            },
            {
                "createDate": {
                    "date": 11,
                    "day": 0,
                    "hours": 18,
                    "minutes": 15,
                    "month": 10,
                    "seconds": 11,
                    "time": 1541956511028,
                    "timezoneOffset": -60,
                    "year": 118
                },
            }
        ],
    }]

    let sortDislikesForAllUsers = function(users) {
    return users.map(user => {
    return {
    dislikes: user.dislikes.sort((dislikeA, dislikeB) => ((dislikeA.createDate.time < dislikeB.createDate.time) ? -1 : (dislikeA.createDate.time > dislikeB.createDate.time) ? 1 : 0))
    }
    })
    }

    let sortUsers = function(arrayOfSortedDislikesPerUser) {
    return arrayOfSortedDislikesPerUser.sort((userA, userB) => ((userA.dislikes[0].createDate.time < userB.dislikes[0].createDate.time) ? -1 : (userA.dislikes[0].createDate.time > userB.dislikes[0].createDate.time) ? 1 : 0))
    }

    let arrayOfSortedDislikesPerUser = sortDislikesForAllUsers(users);
    let finalSortedArray = sortUsers(arrayOfSortedDislikesPerUser);
    console.log(finalSortedArray);

EDIT: Regarding @HMR's comment:
1. It alters the original array. If you want to avoid this, make a copy of the array before sorting.

let noRefCopy = new Array()
noRefCopy = noRefCopy.concat(originalArr)

Sort the copy and return it instead.

2. You can add checks for undefined etc if needed.

These concerns can be addressed if the question requires them specifically.

Cheers,
Kruthika

Answer 5

Answer №3

To effectively sort based on time, utilize the code snippet provided below:

function sortByTime(obj1, obj2){
  return obj1.time - obj2.time;
}

array.sort((obj1, obj2)=>{
  obj1.dislikes.sort(sortByTime);
  obj2.dislikes.sort(sortByTime);
  return obj1.dislikes[0].time - obj2.dislikes[0].time;
});

The concept of sorting by earliest time may not have been clear. The code demonstrated above arranges time values in ascending order.

REMINDER: It is important to note that the provided code does not address scenarios where a property could potentially be missing.

Answer 6

To effectively sort based on time, utilize the code snippet provided below:

function sortByTime(obj1, obj2){
  return obj1.time - obj2.time;
}

array.sort((obj1, obj2)=>{
  obj1.dislikes.sort(sortByTime);
  obj2.dislikes.sort(sortByTime);
  return obj1.dislikes[0].time - obj2.dislikes[0].time;
});

The concept of sorting by earliest time may not have been clear. The code demonstrated above arranges time values in ascending order.

REMINDER: It is important to note that the provided code does not address scenarios where a property could potentially be missing.

Answer 7

Answer №4

Here is an example of how you can use lodash.js to sort user dislikes based on their creation date:

_.each(users, (user) => { user.dislikes = _.sortBy(user.dislikes, 'createdDate.time'); });
users = _.sortBy(users, 'dislikes[0].createdDate.time');

Answer 8

Here is an example of how you can use lodash.js to sort user dislikes based on their creation date:

_.each(users, (user) => { user.dislikes = _.sortBy(user.dislikes, 'createdDate.time'); });
users = _.sortBy(users, 'dislikes[0].createdDate.time');

Organize the array based on the grandchild's value

Answer №1

Answer №2

Answer №3

Answer №4

Similar questions

Can you please explain how I can retrieve information from a Firebase collection using the NextJs API, Firebase Firestore, axios, and TypeScript?

Simply use `$timeout` inside the `$watch` method in AngularJS to create a chained

Angular sing ng-view to load images from a file

In AngularJS, encountering difficulties when trying to append an object to the end of the scope due to persistent data updates

Creating a multi-dimensional array in order to store multiple sets of data

What sets using int versus size_t apart when initializing arrays in C?

Angular 2 counterpart to the renderToString function in React

Using Javascript to retrieve the childNode

``Symmetric matrix exhibits poor diagonalization due to its ill-conditioned nature. While the eigenvalues are satisfactory, the

Modifying the value of a property in one model will also result in the modification of the same

Strategies for aligning tooltips with the locations of dragged elements

What is the best way to provide a static file to an individual user while also sharing its file path

Exploring the function of variables in VueJS

Retrieving sender information using jQuery within a Bootstrap iframe modal

IE8 and IE9 encountering "Access is denied" error due to XML causing XDomainRequest (CORS) issue

Morris.js is throwing an error message, stating "Uncaught TypeError: Unable to access the 'label' property as it

Retrieving a JSON object using a for loop

What is the best way to convert an SVG string to an SVG file with Python?

Invoking one service from another service in AngularJS

How to Retrieve the Selected Value from an Array of Objects using Angular UI Typeahead