javascriptでテーブルの中身をソートして表示したい

Question

実現したいこと

typescript内でprismaのdataをソートする処理を実装しています。

テーブルの中身をソートしてまとまりを作って表示させたいです。
このようなデータがあるとして
[
{
date: 2024/02/02,
company_name: 株式会社A,
type: 送信
},
{
date: 2024/02/03,
company_name: 株式会社B,
type: 送信
},
{
date: 2024/02/03,
company_name: 株式会社C,
type: 受信
},
{
date: 2024/02/05,
company_name: 株式会社D,
type: 送信
},
{
date: 2024/02/07,
company_name: 株式会社A,
type: 受信
},
{
date: 2024/02/02,
company_name: 株式会社A,
type: 受信
},
{
date: 2024/02/07,
company_name: 株式会社D,
type: 送信
},
{
date: 2024/02/05,
company_name: 株式会社B,
type: 受信
},
{
date: 2024/02/07,
company_name: 株式会社D,
type: 送信
},
{
date: 2024/02/07,
company_name: 株式会社D,
type: 送信
},
]

こちらのデータを新しい日付→会社名（同じ会社名がまとまるように）→typeも受信が上で送信が下に来るようにソートをしたいです。ソート後は以下を想定
{
date: 2024/02/07,
company_name: 株式会社A,
type: 受信
},
{
date: 2024/02/07,
company_name: 株式会社A,
type: 送信
},
{
date: 2024/02/07,
company_name: 株式会社D,
type: 送信
},
{
date: 2024/02/07,
company_name: 株式会社D,
type: 送信
},
{
date: 2024/02/05,
company_name: 株式会社B,
type: 受信
},
{
date: 2024/02/05,
company_name: 株式会社D,
type: 送信
},
{
date: 2024/02/03,
company_name: 株式会社B,
type: 送信
},
{
date: 2024/02/03,
company_name: 株式会社C,
type: 受信
},
{
date: 2024/02/02,
company_name: 株式会社A,
type: 送信
},
{
date: 2024/02/02,
company_name: 株式会社A,
type: 受信
},

発生している問題・分からないこと

sortがうまくいかずどのように複数の項目をsort関数のreturn 1 ,-1などでソートしていいか分かりません。

該当のソースコード

sort((a, b) => {
  if (a.date < b.date) {
    if (a.company_name < b.company_name) {
           if (a.type < b.type) {
              return 1;
          }
     return 1;
    }
   return 1;
  } else {
      if (a.company_name < b.company_name) {
           if (a.type < b.type) {
              return 1;
          }
     return -1;
    }
   return -1;
  }
}

試したこと・調べたこと

• teratailやGoogle等で検索した
• ソースコードを自分なりに変更した
• 知人に聞いた
• その他

上記の詳細・結果

sortの複数の仕方など調べました。

補足

sortのreturnがこんがらがってよくわからなくなっています。申し訳ございません。

Comments

[luuguas]

ソート前のデータとソート後のデータに食い違いがあるみたいです。
ソート前の7番目(または9,10番目)の会社名は株式会社Dではなく株式会社Aだと思います。

また、ソート後のデータが正しく並んでいないようです。本文に記載のルールで並べ替えるならば、ソート後のデータの9番目と10番目は逆ではないでしょうか。

Answer 1

こういう、ソートキーがN段階になるケースは、N桁の整数の比較を思い浮かべると理解しやすいでしょう。2つのN桁の整数を比較する場合、1桁目が異なる値なら、その桁の比較だけで全体の大小関係が決まります。1桁目が同じ場合だけ、2桁目のことを考える必要があります。

つまり、

• a.date と b.date が異なる場合、その2つの比較だけで -1 か 1 を返せばよい
• そららが同じ値の場合、
  • a.company_name と b.company_name が異なる場合、その2つの比較で -1 か 1 を返せばよい
  • それらが同じ値の場合、a.type と b.type の比較で -1 0 1 を返せばよい

Answer 2

冗長に書くならこんな感じ

data.sort((x,y)=>{
  if(x.date<y.date){
    return -1;
  }else if(x.date>y.date){
    return 1;
  }else if(x.company_name<y.company_name){
    return -1;
  }else if(x.company_name>y.company_name){
    return 1;
  }else if(x.type<y.type){
    return -1;
  }else if(x.type>y.type){
    return 1;
  }else{
    return 0;
  }
});