>웹 프론트엔드 >JS 튜토리얼 >JavaScript에서 날짜 속성을 기준으로 개체 배열을 정렬하는 방법은 무엇입니까?

JavaScript에서 날짜 속성을 기준으로 개체 배열을 정렬하는 방법은 무엇입니까?

DDD
DDD원래의
2024-12-21 08:01:091053검색

How to Sort an Array of Objects by Date Property in JavaScript?

날짜 속성별로 개체 배열 정렬

날짜 속성별로 개체 배열을 정렬하려면 JavaScript의 sort() 함수를 활용할 수 있습니다. 사용자 정의 비교기와 함께. 이 프로세스에는 날짜 값을 비교하고 순서에 따라 음수, 양수 또는 0 값을 반환하는 작업이 포함됩니다.

간단한 대답:

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

이 비교기는 두 날짜 모두에 대한 날짜 개체를 사용하고 해당 값을 뺍니다. 음수 값은 a가 b보다 현재 날짜에 더 가깝다는 것을 나타내고, 양수 값은 b가 더 가깝다는 것을 의미하며, 0은 같음을 나타냅니다.

일반 답변:

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

이보다 일반적인 접근 방식을 사용하면 o1 정렬 전후에 별도의 조건을 정의하여 정렬 순서를 사용자 정의할 수 있습니다. o2.

강력한 답변:

강력한 솔루션은 모든 배열에서 Schwartzian 변환을 사용하여 사용자 지정 열거 불가능 sortBy 함수를 정의하는 것입니다.

(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 });

비교 함수에서 값 배열을 반환하여 정렬 프로세스에서 여러 기준을 처리하도록 이 접근 방식을 확장할 수도 있습니다.

위 내용은 JavaScript에서 날짜 속성을 기준으로 개체 배열을 정렬하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.