Блог

У меня есть два массива в Javascript, исходящие из Php. Я объединяю эти массивы в один массив.

Все элементы массивов имеют created_at значение (Laravel). Я хочу отсортировать эти значения по created_at

Проблема: Независимо от их даты. Элементы первого массива никогда не располагаются позади элементов второго массива

Пример: B имеет последнюю дату. Но даже в этом случае C (происходит из второго массива) происходит после B.

Проблема в том, что я объединил эти два массива в один массив. Javascript все еще думает: «существует два массива. Я должен отсортировать элементы первого массива, а затем элементы второго массива».

Что мне делать, это :

 history.push(...response.data[0]); // first array's values
history.push(...response.data[1]); // second array's values

history.sort((a, b) => {
            return a.created_at - b.created_at;
          });
 

итак, история, как

 [

// Comes from first array

 {
  name: 'A',
  created_at: '08/09/2021'
 },

// Comes from first array

{
  name: 'B',
  created_at: '15/09/2021'
 },


// This third element comes from second array.

{
  name: 'C',
  created_at: '08/09/2021'
 }
]
 

Я ожидаю такого результата:

новая отсортированная история:

 
 {
  name: 'A',
  created_at: '08/09/2021'
 },

{
  name: 'C',
  created_at: '08/09/2021'
 },

{
  name: 'B',
  created_at: '15/09/2021'
 }



 

Но Javascript изначально сортирует элемент первого массива. После этого отсортируйте элемент второго массива, и тогда получится следующее:

 
 {
  name: 'A',
  created_at: '08/09/2021'
 },

{
  name: 'B',
  created_at: '15/09/2021'
 },
{
  name: 'C',
  created_at: '08/09/2021'
 },

 

Вы можете array#concat как свой массив, так и использовать Schwartzian transform для сортировки массива путем преобразования created_at в YYYY-MM-DD формат, который может быть отсортирован лексикографически.

 const arr1 = [{name: 'A', created_at: '08/09/2021'}],
      arr2 = [{name: 'B', created_at: '15/09/2021'}, {name: 'C', created_at: '08/09/2021'}],
      result = arr1.concat(arr2)
                   .map(o => [o.created_at.replace(/(..)/(..)/(....)/, '$3-$2-$1'), o])
                   .sort((a,b) => a[0].localeCompare(b[0]))
                   .map(([,o]) => o);
console.log(result) 

Вам нужно отправить пользовательскую функцию сортировки в Array.sort()

 const array = 
[
    { name: 'A', created_at: '08/09/2021' },
    { name: 'B', created_at: '15/09/2021' },
    { name: 'C', created_at: '08/09/2021' }
];

const ymd = (dmy) => { let a = dmy.split('/'); return a[2]   '/'   a[1]   '/'   a[0] }

const sorted = array.sort((elem1, elem2) => ymd(elem1.created_at) > ymd(elem2.created_at) ? 1 : -1);
console.log(sorted);
 

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort

Редактировать:

Если вам нужна стабильная сортировка (то есть она никогда произвольно не меняет объекты местами с эквивалентными значениями сравнения) или по дате первой и альфа-второй, вам понадобится более сложная функция сортировки.

Имея немного больше времени и localeCompare() форму предложения Феликса Клинга, я написал улучшенную сортировку, которая стабильна и будет сортироваться по дате и имени во-вторых.

 const array =
    [
        { name: 'A', created_at: '08/09/2021' },
        { name: 'Z', created_at: '15/09/2021' },
        { name: 'D', created_at: '15/09/2021' },
        { name: 'B', created_at: '15/09/2021' },
        { name: 'C', created_at: '08/09/2021', stable: '1'},
        { name: 'S', created_at: '08/09/2020' },
        { name: 'C', created_at: '08/09/2021', stable: '2' },
        { name: 'C', created_at: '08/06/2021' }
    ];

const ymd = (dmy) => { let a = dmy.split('/'); return a[2]   '/'   a[1]   '/'   a[0] }

const sorted = array.sort((elem1, elem2) =>
    (ymd(elem1.created_at) === ymd(elem2.created_at)) ?
        elem1.name.localeCompare(elem2.name) :
        ymd(elem1.created_at).localeCompare(ymd(elem2.created_at)));

console.log(sorted);
 

Выходы:

 [
  { name: 'S', created_at: '08/09/2020' },
  { name: 'C', created_at: '08/06/2021' },
  { name: 'A', created_at: '08/09/2021' },
  { name: 'C', created_at: '08/09/2021', stable: '1' },
  { name: 'C', created_at: '08/09/2021', stable: '2' },
  { name: 'B', created_at: '15/09/2021' },
  { name: 'D', created_at: '15/09/2021' },
  { name: 'Z', created_at: '15/09/2021' }
]
 

Вы можете сначала попытаться объединить массив, а затем отсортировать полученный массив:

 const arr1 = [{name: 'A', created_at: '08/09/2021'},]
const arr2 = [{name: 'B', created_at: '15/09/2021'}, {name: 'C', created_at: '08/09/2021'}]

const result = arr1.concat(arr2).sort((a , b) => a.created_at > b.created_at)
console.log(result) 

Для сортировки по значениям дат вы можете использовать Date.prototype.getTime():

 const arr1 = [{name: 'A', created_at: '08/09/2021'}]
const arr2 = [{name: 'B', created_at: '15/09/2021'}, {name: 'C', created_at: '08/09/2021'}]

const toNumber= d =>  d.replace(///g, '')
const result =  [...arr1, ...arr2].sort((a, b) => toNumber(a.created_at) - toNumber(b.created_at))

console.log(result)