React/Redux Как правильно отсортировать массив данных по времени отправки?

Question

[David-Bon]

У меня есть массив юзеров, у каждого юзера есть массив сообщений с датой отправки каждого сообщения.
Задача состоит в том, что бы сортировать компоненту списка юзеров по времени отправки, что бы юзеры с новыми сообщениями перемещались в верх списка. (Первые три сообщения захардкожены по времени),

users: [
            {
                id: 1,
                image: userPhoto1,
                name: 'Frank Gonzalez',
                messagesData: [
                    {
                        messId: 1,
                        isOwn: null,
                        messValue: 'Hi there!',
                        messDate: localDate(2019, 9, 23, 9, 42)
                    },

                    {
                        messId: 2,
                        isOwn: null,
                        messValue: 'how`s it going?',
                        messDate: localDate(2019, 9, 24, 16, 26)
                    },

                    {
                        messId: 3,
                        isOwn: null,
                        messValue: 'can`t wait to see you!',
                        messDate: localDate(2019, 9, 25, 12, 1)
                    },
                ],
            },

            {
                id: 2,
                image: userPhoto2,
                name: 'Austin Bootman',
                messagesData: [
                    {
                        messId: 1,
                        isOwn: null,
                        messValue: 'asdas!',
                        messDate: localDate(2017, 2, 26, 17, 11)
                    },

                    {
                        messId: 2,
                        isOwn: null,
                        messValue: 'how`wa it gawdoing?',
                        messDate: localDate(2017, 2, 26, 18, 28)
                    },

                    {
                        messId: 3,
                        isOwn: null,
                        messValue: 'diam maecenas ultricies mi eget mauris pharetra et ultrices neque ornare aenean euismod elementum nisi\n' +
                            '\n!',
                        messDate: localDate(2017, 2, 26, 18, 50)
                    },
                ],
            },

            {
                id: 3,
                image: userPhoto3,
                name: 'Lois Adams',
                messagesData: [
                    {
                        messId: 1,
                        isOwn: null,
                        messValue: 'lorem*10',
                        messDate: localDate(2015, 5, 26, 17, 11)
                    },

                    {
                        messId: 2,
                        isOwn: null,
                        messValue: 'sdklfjdf lskdjgskdlf kjdh?',
                        messDate: localDate(2015, 5, 26, 17, 11)
                    },

                    {
                        messId: 3,
                        isOwn: null,
                        messValue: 'sdf`t dasf sdf asdf s!',
                        messDate: localDate(2015, 5, 26, 17, 11)
                    },
                ],
            },

            {
                id: 4,
                image: userPhoto4,
                name: 'Christine Ferguson',
                messagesData: [
                    {
                        messId: 1,
                        isOwn: null,
                        messValue: 'Hasdasdre!',
                        messDate: localDate(2015, 1, 26, 17, 11)
                    },

                    {
                        messId: 2,
                        isOwn: null,
                        messValue: 'haghbbing?',
                        messDate: localDate(2015, 1, 26, 17, 11)
                    },

                    {
                        messId: 3,
                        isOwn: null,
                        messValue: 'cdsgeyou!',
                        messDate: localDate(2015, 1, 26, 17, 11)
                    },
                ],
            },
        ],
    };

Comments

[Alex]

А почитайте правила сайта. Особенно то, что относится к оформлению вопросов.

Answer 1

[Gary_Ihar]

Если Ваш localDate() возвращает некое число, которое можно сравнить, то можно решить так:

ObjName.users.map(item=>item.messagesData.map(date=>[date.messDate, date.messValue])).flat().sort((a, b) => a[0] - b[0]).forEach(elem => {
    console.log(elem[1]);  //  выведутся сообщения по времени
  });