Сортировка массива объектов по одной клавише с датой валютирования

Question

У меня есть массив объектов с несколькими ключевыми парами значений, и мне нужно, чтобы отсортировать их на основе «updated_at»:

[ 
    { 
     "updated_at" : "2012-01-01T06:25:24Z", 
     "foo" : "bar" 
    }, 
    { 
     "updated_at" : "2012-01-09T11:25:13Z", 
     "foo" : "bar" 
    }, 
    { 
     "updated_at" : "2012-01-05T04:13:24Z", 
     "foo" : "bar" 
    } 
] 

Что наиболее эффективный способ Сделай так?

Answer 1

Вы можете использовать Array.sort.

Вот (непроверенный) пример:

arr.sort(function(a, b){ 
    var keyA = new Date(a.updated_at), 
     keyB = new Date(b.updated_at); 
    // Compare the 2 dates 
    if(keyA < keyB) return -1; 
    if(keyA > keyB) return 1; 
    return 0; 
}); 

Answer 2

я уже ответил на очень похожий вопрос здесь: Simple function to sort an array of objects

Для этого вопроса я создал эту маленькую функцию, которая может делать то, что вы хотите:

function sortByKey(array, key) { 
    return array.sort(function(a, b) { 
     var x = a[key]; var y = b[key]; 
     return ((x < y) ? -1 : ((x > y) ? 1 : 0)); 
    }); 
} 

Answer 3

Сортировка с помощью ISO отформатированных дат могут быть дорогими, если вы не ограничивать клиент последние и лучшие браузеры, которые могут создать правильную метку времени по дате-анализ Струна.

Если вы уверены вашего входа, и вы знаете всегда будет гггг-мм-DDThh: мм: сс и GMT (Z) можно извлечь цифры от каждого члена и сравнить их как целые числа

array.sort(function(a,b){ 
    return a.updated_at.replace(/\D+/g,'')-b.updated_at.replace(/\D+/g,''); 
}); 

Если дата может быть отформатирован по-другому, вы можете добавить что-то для людей изо вызов:

Date.fromISO: function(s){ 
    var day, tz, 
    rx=/^(\d{4}\-\d\d\-\d\d([tT ][\d:\.]*)?)([zZ]|([+\-])(\d\d):(\d\d))?$/, 
    p= rx.exec(s) || []; 
    if(p[1]){ 
     day= p[1].split(/\D/).map(function(itm){ 
      return parseInt(itm, 10) || 0; 
     }); 
     day[1]-= 1; 
     day= new Date(Date.UTC.apply(Date, day)); 
     if(!day.getDate()) return NaN; 
     if(p[5]){ 
      tz= (parseInt(p[5], 10)*60); 
      if(p[6]) tz+= parseInt(p[6], 10); 
      if(p[4]== '+') tz*= -1; 
      if(tz) day.setUTCMinutes(day.getUTCMinutes()+ tz); 
     } 
     return day; 
    } 
    return NaN; 
} 
if(!Array.prototype.map){ 
    Array.prototype.map= function(fun, scope){ 
     var T= this, L= T.length, A= Array(L), i= 0; 
     if(typeof fun== 'function'){ 
      while(i< L){ 
       if(i in T){ 
        A[i]= fun.call(scope, T[i], i, T); 
       } 
       ++i; 
      } 
      return A; 
     } 
    } 
} 
} 

Answer 4

Вот слегка измененная версия @David Brainer-Bankers answer, который сортируется по алфавиту по строкам или численно по числу и гарантирует, что слова, начинающиеся с прописных букв, не сортируются над словами, начинающимися с буквы нижнего регистра (например, «яблоко, ранний» будет отображаться в этом порядке).

function sortByKey(array, key) { 
    return array.sort(function(a, b) { 
     var x = a[key]; 
     var y = b[key]; 

     if (typeof x == "string") 
     { 
      x = (""+x).toLowerCase(); 
     } 
     if (typeof y == "string") 
     { 
      y = (""+y).toLowerCase(); 
     } 

     return ((x < y) ? -1 : ((x > y) ? 1 : 0)); 
    }); 
} 

Answer 5

Вы можете создать укупорочное и передать его таким образом here is my example working

$.get('https://data.seattle.gov/resource/3k2p-39jp.json?$limit=10&$where=within_circle(incident_location, 47.594972, -122.331518, 1609.34)', 
    function(responce) { 

    var filter = 'event_clearance_group', //sort by key group name 
    data = responce; 

    var compare = function (filter) { 
     return function (a,b) { 
      var a = a[filter], 
       b = b[filter]; 

      if (a < b) { 
       return -1; 
      } else if (a > b) { 
       return 1; 
      } else { 
       return 0; 
      } 
     }; 
    }; 

    filter = compare(filter); //set filter 

    console.log(data.sort(filter)); 
}); 

Answer 6

Использование подчеркивания JS или lodash,

var arrObj = [ 
    { 
     "updated_at" : "2012-01-01T06:25:24Z", 
     "foo" : "bar" 
    }, 
    { 
     "updated_at" : "2012-01-09T11:25:13Z", 
     "foo" : "bar" 
    }, 
    { 
     "updated_at" : "2012-01-05T04:13:24Z", 
     "foo" : "bar" 
    } 
]; 

arrObj = _.sortBy(arrObj,"updated_at"); 

_.sortBy() возвращает новый массив

сослаться http://underscorejs.org/#sortBy и lodash документы https://lodash.com/docs#sortBy

Answer 7

С поддержкой ES2015 это может быть сделано:

foo.sort((a, b) => a.updated_at < b.updated_at ? -1 : 1) 

Answer 8

Метод Array.sort() сортирует элементы массива на месте и возвращает массив. Будьте осторожны с Array.sort(), так как это не Immutable. Для неизменного сортировки используйте immutable-sort.

Этот метод предназначен для сортировки массива с использованием текущего updated_at в формате ISO. Мы используем new Data(iso_string).getTime() для преобразования времени ISO в временную метку Unix. Временная метка Unix - это номер, который мы можем выполнить с помощью простой математики.Мы вычитаем первый и второй временные метки, результат; если первая временная метка больше второй, номер возврата будет положительным. Если второе число больше первого, возвращаемое значение будет отрицательным. Если они совпадают, то возврат будет равен нулю. Это отлично подходит для требуемых возвращаемых значений для встроенной функции.

Для ES6:

arr.sort((a,b) => new Date(a.updated_at).getTime() - new Date(b.updated_at).getTime()); 

Для ES5:

arr.sort(function(a,b){ 
return new Date(a.updated_at).getTime() - new Date(b.updated_at).getTime(); 
}); 

Если вы измените updated_at быть Unix метки времени вы можете сделать это:

Для ES6:

arr.sort((a,b) => a.updated_at - b.updated_at); 

Для ES5:

arr.sort(function(a,b){ 
return a.updated_at - b.updated_at; 
}); 

Во время этого поста, современные браузеры не поддерживают ES6. Чтобы использовать ES6 в современных браузерах, используйте babel, чтобы перевести код на ES5. Ожидайте поддержку браузера для ES6 в ближайшем будущем.

Array.sort() должен receave возвращаемого значения одного из 3-х возможных исходов:

• положительного числа (первый пункт> второго элемента)
• отрицательного числа (первый пункт < второго пункт)
• 0 если два элемента равны

Обратите внимание, что возвращаемое значение на встроенной функции может быть любым положительным или отрицательным числом. Array.Sort() не волнует, что возвращает номер . Это только заботится, если возвращаемое значение положительное, отрицательное или ноль.

Для неизменяемых вида: (пример ES6)

const sort = require('immutable-sort'); 
const array = [1, 5, 2, 4, 3]; 
const sortedArray = sort(array); 

Вы также можете написать это так:

import sort from 'immutable-sort'; 
const array = [1, 5, 2, 4, 3]; 
const sortedArray = sort(array); 

Импорт-с вы видите новый способ включить JavaScript в ES6 и делает ваш код очень чистым. Мой личный фаворит.

Неизбежная сортировка не мутирует исходный массив, а возвращает новый массив. Использование const рекомендуется по неизменяемым данным.

Answer 9

Еще один, более математический, способ сделать то же самое, но короче:

arr.sort(function(a, b){ 
    var diff = new Date(a.updated_at) - new Date(b.updated_at); 
    return diff/(Math.abs(diff)||1); 
}); 

или в гладком стиле лямбда стрелки:

arr.sort((a, b) => { 
    var diff = new Date(a.updated_at) - new Date(b.updated_at); 
    return diff/(Math.abs(diff)||1); 
}); 

Этот метод может быть выполнен с любым числовым входом

Answer 10

На сегодняшний день ответы @knowbody (https://stackoverflow.com/a/42418963/6778546) и @Rocket HAZMAT (https://stackoverflow.com/a/8837511/6778546) могут быть объединены для обеспечения ES2015 поддержки и правильного обращения дата:

arr.sort((a, b) => { 
    const dateA = new Date(a.updated_at); 
    const dateB = new Date(b.updated_at); 
    return dateA - dateB; 
}); 

Answer 11

var months = [ 
    { 
     "updated_at" : "2012-01-01T06:25:24Z", 
     "foo" : "bar" 
    }, 
    { 
     "updated_at" : "2012-01-09T11:25:13Z", 
     "foo" : "bar" 
    }, 
    { 
     "updated_at" : "2012-01-05T04:13:24Z", 
     "foo" : "bar" 
    }]; 
months.sort((a, b)=>{ 
    var keyA = new Date(a.updated_at), 
     keyB = new Date(b.updated_at); 
    // Compare the 2 dates 
    if(keyA < keyB) return -1; 
    if(keyA > keyB) return 1; 
    return 0; 
}); 
console.log(months); 

Answer 12

Как This государств ответить в , вы можете использовать Array.sort.

arr.sort(function(a,b){return new Date(a.updated_at) - new Date(b.updated_at)})

arr = [ 
 
    { 
 
     "updated_at" : "2012-01-01T06:25:24Z", 
 
     "foo" : "bar" 
 
    }, 
 
    { 
 
     "updated_at" : "2012-01-09T11:25:13Z", 
 
     "foo" : "bar" 
 
    }, 
 
    { 
 
     "updated_at" : "2012-01-05T04:13:24Z", 
 
     "foo" : "bar" 
 
    } 
 
]; 
 
arr.sort(function(a,b){return new Date(a.updated_at) - new Date(b.updated_at)}); 
 
console.log(arr);