LoginSignup
4
3

More than 5 years have passed since last update.

Typescriptで時刻順にオブジェクトを並べ替える

Last updated at Posted at 2018-12-18

Typescriptで時刻順にオブジェクトを並べ替え方を共有いたします

理解安いのため、サンプルを一緒に作ります。

最初、オブジェクトの型があります
例えば、お知らせの型があります

export interface Info {
  content: string;
  fromDate: string;
  id: string;
  title: string;
  type: string;
}

次は一覧オブジェクト型を作ります。

export type InfoList = Info[];

今回は配列を利用します。
ソートのため簡単な関数を作ります。この関数は超簡単です。

export const sortInfoByDate = (a: Info, b: Info) => {
  let aFromDate = new Date(a.fromDate);
  let bFromDate = new Date(b.fromDate);
  return aFromDate < bFromDate ? 1 : -1;
};

最後、そのソート関数を使用するのように一覧オプジェクトを宣言します。

export const listInfo: InfoList = [];

一覧の値を設定した後で、ソートを行います。
見やすいのため、以下の関数を閲覧ください


export function sortListInfo(listInfo: InfoList ): InfoList {
  listInfo.sort(sortInfoByDate);
  return listInfo;
}

利用したい場合、以上の関数を呼び出します。それは簡単でしょうね

まとめ

常にソートのため、色々なやり方がありますが、今回は簡単なやり方が説明しました。
何があれば以下の投稿をコメントしください、幸いです。

ここまで以上です。最後まで読みいただき、ありがとうございます。

4
3
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
3