Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

JavaScriptでの日付による配列の並べ替え


このようなオブジェクトの配列があるとします-

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

このような配列を1つ取り込んで、各オブジェクトのdateプロパティに従って配列を並べ替えるJavaScript関数を作成する必要があります。

(最新のものが最初か、最も古いものが最初か)

アプローチは、これらをJS Date Objectに変換し、タイムスタンプを比較して配列を並べ替えることです。

このためのコードは-

になります
const arr = [{id: 1, date: 'Mar 12 2012 10:00:00 AM'}, {id: 2, date: 'Mar 8 2012 08:00:00 AM'}];
const sortByDate = arr => {
   const sorter = (a, b) => {
      return new Date(a.date).getTime() - new Date(b.date).getTime();
   }
   arr.sort(sorter);
};
sortByDate(arr);
console.log(arr);

出力

そして、コンソールの出力は-

になります
[
   { id: 2, date: 'Mar 8 2012 08:00:00 AM' },
   { id: 1, date: 'Mar 12 2012 10:00:00 AM' }
]

  1. JavaScriptの日付形式

    JavaScriptで日付形式を実装するためのコードは、次のとおりです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style> bod

  2. JavaScript array.values()

    JavaScriptのarray.values()は、指定された配列のすべての値を含むイテレータオブジェクトを返します。 以下は、array.values()関数のコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />