[javascript] 날짜 속성으로 배열을 정렬하는 방법

JAVASCRIPT / 글쓴이

몇 개의 객체 배열이 있다고 가정 해보십시오.

var array = [{id: 1, date: Mar 12 2012 10:00:00 AM}, {id: 2, date: Mar 8 2012 08:00:00 AM}];

이 배열을 날짜 요소를 기준으로 가장 가까운 날짜부터 현재 날짜 및 시간이 지날 때까지 어떻게 정렬 할 수 있습니까? 배열에는 많은 객체가있을 수 있지만 단순성을 위해 2를 사용했습니다.

정렬 기능과 사용자 지정 비교기를 사용합니까?

최신 정보:

내 경우에는 가장 최근 날짜부터 가장 오래된 날짜까지 정렬하고 싶었습니다. 결국 간단한 함수의 논리를 반대로 바꿔야했습니다.

array.sort(function(a, b) {
    a = new Date(a.dateModified);
    b = new Date(b.dateModified);
    return a>b ? -1 : a<b ? 1 : 0;
});

가장 최근 날짜를 정렬합니다.

답변

가장 간단한 답변

array.sort(function(a,b){
  // Turn your strings into dates, and then subtract them
  // to get a value that is either negative, positive, or zero.
  return new Date(b.date) - new Date(a.date);
});

더 일반적인 답변

array.sort(function(o1,o2){
  if (sort_o1_before_o2)    return -1;
  else if(sort_o1_after_o2) return  1;
  else                      return  0;
});

또는 더 간결하게 :

array.sort(function(o1,o2){
  return sort_o1_before_o2 ? -1 : sort_o1_after_o2 ? 1 : 0;
});

일반적인 강력한 답변

모든 배열 sortBy에서 Schwartzian 변환 을 사용하여 열거 불가능한 사용자 정의 함수를 정의하십시오 .

(function(){
  if (typeof Object.defineProperty === 'function'){
    try{Object.defineProperty(Array.prototype,'sortBy',{value:sb}); }catch(e){}
  }
  if (!Array.prototype.sortBy) Array.prototype.sortBy = sb;

  function sb(f){
    for (var i=this.length;i;){
      var o = this[--i];
      this[i] = [].concat(f.call(o,o,i),o);
    }
    this.sort(function(a,b){
      for (var i=0,len=a.length;i<len;++i){
        if (a[i]!=b[i]) return a[i]<b[i]?-1:1;
      }
      return 0;
    });
    for (var i=this.length;i;){
      this[--i]=this[i][this[i].length-1];
    }
    return this;
  }
})();

다음과 같이 사용하십시오.

array.sortBy(function(o){ return o.date });

날짜가 직접 비교 가능하지 않은 경우, 비교 가능한 날짜를 작성하십시오 (예 :

array.sortBy(function(o){ return new Date( o.date ) });

값 배열을 반환하는 경우이를 사용하여 여러 기준으로 정렬 할 수도 있습니다.

// Sort by date, then score (reversed), then name
array.sortBy(function(o){ return [ o.date, -o.score, o.name ] };

자세한 내용은 http://phrogz.net/JS/Array.prototype.sortBy.js 를 참조하십시오.

답변

@Phrogz 답변은 모두 훌륭하지만 다음은 훌륭하고 간결한 답변입니다.

array.sort(function(a,b){return a.getTime() - b.getTime()});

화살표 기능 사용

array.sort((a,b)=>a.getTime()-b.getTime());

여기에서 찾았습니다 : 자바 스크립트에서 날짜 정렬

답변

JSON을 수정 한 후에는 다음과 같이 작동합니다.

var array = [{id: 1, date:'Mar 12 2012 10:00:00 AM'}, {id: 2, date:'Mar 8 2012 08:00:00 AM'}];


array.sort(function(a, b) {
    var c = new Date(a.date);
    var d = new Date(b.date);
    return c-d;
});

답변

데이터를 수정해야합니다.

var array = [{id: 1, date: "Mar 12 2012 10:00:00 AM"},{id: 2, date: "Mar 28 2012 08:00:00 AM"}];

데이터를 수정 한 후 다음 코드를 사용할 수 있습니다.

function sortFunction(a,b){
    var dateA = new Date(a.date).getTime();
    var dateB = new Date(b.date).getTime();
    return dateA > dateB ? 1 : -1;
};

var array = [{id: 1, date: "Mar 12 2012 10:00:00 AM"},{id: 2, date: "Mar 28 2012 08:00:00 AM"}];
array.sort(sortFunction);​

답변

GitHub를 추천합니다 : Array sortBy – Schwartzian 변환sortBy 을 사용 하는 최상의 방법 구현

그러나 지금은 Gist : sortBy-old.js 접근 방식을 시도 할 것 입니다.
속성을 기준으로 객체를 정렬 할 수있는 배열을 정렬하는 메서드를 만들어 보겠습니다.

정렬 기능 만들기

var sortBy = (function () {
  var toString = Object.prototype.toString,
      // default parser function
      parse = function (x) { return x; },
      // gets the item to be sorted
      getItem = function (x) {
        var isObject = x != null && typeof x === "object";
        var isProp = isObject && this.prop in x;
        return this.parser(isProp ? x[this.prop] : x);
      };

  /**
   * Sorts an array of elements.
   *
   * @param {Array} array: the collection to sort
   * @param {Object} cfg: the configuration options
   * @property {String}   cfg.prop: property name (if it is an Array of objects)
   * @property {Boolean}  cfg.desc: determines whether the sort is descending
   * @property {Function} cfg.parser: function to parse the items to expected type
   * @return {Array}
   */
  return function sortby (array, cfg) {
    if (!(array instanceof Array && array.length)) return [];
    if (toString.call(cfg) !== "[object Object]") cfg = {};
    if (typeof cfg.parser !== "function") cfg.parser = parse;
    cfg.desc = !!cfg.desc ? -1 : 1;
    return array.sort(function (a, b) {
      a = getItem.call(cfg, a);
      b = getItem.call(cfg, b);
      return cfg.desc * (a < b ? -1 : +(a > b));
    });
  };

}());

정렬되지 않은 데이터 설정

var data = [
  {date: "2011-11-14T17:25:45Z", quantity: 2, total: 200, tip: 0,   type: "cash"},
  {date: "2011-11-14T16:28:54Z", quantity: 1, total: 300, tip: 200, type: "visa"},
  {date: "2011-11-14T16:30:43Z", quantity: 2, total: 90,  tip: 0,   type: "tab"},
  {date: "2011-11-14T17:22:59Z", quantity: 2, total: 90,  tip: 0,   type: "tab"},
  {date: "2011-11-14T16:53:41Z", quantity: 2, total: 90,  tip: 0,   type: "tab"},
  {date: "2011-11-14T16:48:46Z", quantity: 2, total: 90,  tip: 0,   type: "tab"},
  {date: "2011-11-31T17:29:52Z", quantity: 1, total: 200, tip: 100, type: "visa"},
  {date: "2011-11-01T16:17:54Z", quantity: 2, total: 190, tip: 100, type: "tab"},
  {date: "2011-11-14T16:58:03Z", quantity: 2, total: 90,  tip: 0,   type: "tab"},
  {date: "2011-11-14T16:20:19Z", quantity: 2, total: 190, tip: 100, type: "tab"},
  {date: "2011-11-14T17:07:21Z", quantity: 2, total: 90,  tip: 0,   type: "tab"},
  {date: "2011-11-14T16:54:06Z", quantity: 1, total: 100, tip: 0,   type: "cash"}
];

그것을 사용하여

마지막으로 "date"속성 별로 배열을 정렬합니다.string

//sort the object by a property (ascending)
//sorting takes into account uppercase and lowercase
sortBy(data, { prop: "date" });

대소 문자를 무시하려면 "parser"콜백을 설정하십시오 .

//sort the object by a property (descending)
//sorting ignores uppercase and lowercase
sortBy(data, {
    prop: "date",
    desc: true,
    parser: function (item) {
        //ignore case sensitive
        return item.toUpperCase();
    }
});

“날짜”필드를 Date유형 으로 취급하려면 다음을 수행하십시오.

//sort the object by a property (ascending)
//sorting parses each item to Date type
sortBy(data, {
    prop: "date",
    parser: function (item) {
        return new Date(item);
    }
});

jsbin.com/lesebi 예제를 사용하여 재생할 수 있습니다.

답변

날짜가이 형식 (dd / mm / yyyy) 일 때 수행해야합니다.

  sortByDate(arr) {
    arr.sort(function(a,b){
      return Number(new Date(a.readableDate)) - Number(new Date(b.readableDate));
    });

    return arr;
  }

그런 다음 전화 sortByDate(myArr);

답변

밑줄 js에서 sortBy를 사용할 수 있습니다.

http://underscorejs.org/#sortBy

견본:

var log = [{date: '2016-01-16T05:23:38+00:00', other: 'sample'},
           {date: '2016-01-13T05:23:38+00:00',other: 'sample'},
           {date: '2016-01-15T11:23:38+00:00', other: 'sample'}];

console.log(_.sortBy(log, 'date'));