[解決済み] クライアント側でオブジェクトの配列から最新の日付を取得するエレガントな方法は何ですか?
2023-01-06 18:23:47
質問
プロジェクトでangularjsを使用しています。
私はサーバーからオブジェクトの配列を取得します。 各オブジェクトはいくつかのプロパティを含んでおり、そのうちの1つは日付プロパティです。
以下は、サーバから取得した配列(json形式)です。
[
{
"Address": 25,
"AlertType": 1,
"Area": "North",
"MeasureDate": "2019-02-01T00:01:01.001Z",
"MeasureValue": -1
},
{
"Address": 26,
"AlertType": 1,
"Area": "West",
"MeasureDate": "2016-04-12T15:13:11.733Z",
"MeasureValue": -1
},
{
"Address": 25,
"AlertType": 1,
"Area": "North",
"MeasureDate": "2017-02-01T00:01:01.001Z",
"MeasureValue": -1
}
.
.
.
]
配列から最新の日付を取得したい。
オブジェクトの配列から最新の日付を取得するためのエレガントな方法は何ですか?
どのように解決するのですか?
きれいな方法としては、各日付を
Date()
に変換し、その最大値を
ES6です。
new Date(Math.max(...a.map(e => new Date(e.MeasureDate))));
JS:
new Date(Math.max.apply(null, a.map(function(e) {
return new Date(e.MeasureDate);
})));
ここで
a
はオブジェクトの配列です。
これは、配列の中のそれぞれのオブジェクトを、MeasureDate
. このマッピングされた配列は
Math.max
関数を使用して最新の日付を取得し、その結果を日付に変換します。
文字列の日付をJSのDateオブジェクトにマッピングすることで、最終的に以下のような解決策を使うことになります。 配列内の日付の最小/最大値?
--
よりクリーンでない解決策は、単純にオブジェクトを
MeasureDate
の値にマップし、文字列の配列をソートすることです。 これは、あなたが使用している特定の日付フォーマットのためにのみ機能します。
a.map(function(e) { return e.MeasureDate; }).sort().reverse()[0]
パフォーマンスが気になる場合は
reduce
を使う代わりに、最大値を得るために配列の
sort
と
reverse
.
関連
-
[解決済み] JavaScriptでオブジェクトをディープクローンする最も効率的な方法は何ですか?
-
[解決済み] JavaScriptで現在の日付を取得するには?
-
[解決済み] モバイル端末の検出にはどのような方法がありますか?
-
[解決済み] 配列の最後の項目を取得する
-
[解決済み] オブジェクトの配列から、プロパティの値を配列として取り出す。
-
[解決済み] jQueryでJavaScriptオブジェクトから選択する際に、オプションを追加する最も良い方法は何ですか?
-
[解決済み] 正しい」JSONの日付形式とは?
-
[解決済み] クラスを条件付きで適用する場合の最適な方法は何ですか?
-
[解決済み】「GET」パラメータから値を取得する(JavaScript)【重複】。
-
[解決済み] JavaScriptでjson-objectのキーを取得する [重複].
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] プロパティ 'values' はタイプ 'ObjectConstructor' に存在しません。
-
[解決済み] 文字列がすべて同じ部分文字列で構成されているかどうかを調べるにはどうすればよいですか?
-
[解決済み] JavaScriptを使用してHTML要素に属性を追加/更新するには?
-
[解決済み] オブジェクトの配列からReactコンポーネントをレンダリングする
-
[解決済み] Javascript 空の配列の削減
-
[解決済み] jQueryの$という記号の意味は何ですか?
-
[解決済み] Chromeのwebkitインスペクタで「Unsafe JavaScript attempt to access frame with URL...」というエラーが継続的に発生する。
-
[解決済み] Node.jsのES6クラスをrequireで作る
-
[解決済み] HTML要素にスクロールバーがあるかどうかをチェックする
-
[解決済み] JavaScript で css プロパティを使用して HTML 要素の背景色を設定する方法