JavaScriptでObjectをsortしたものを取り出したい

Question

実現したいこと

以下のObjectをdateの降順で取り出したい。
取り出し順が保証されないため、sortしてから取り出したいと思っています

let obj = {
  aaa : {date : '2020-02-20', memo : 'あいうえお'}
, bbb : {date : '2020-02-30', memo : 'かきくけこ'}
, ccc : {date : '2020-02-10', memo : 'さしすせそ'}
, ddd : {date : '2020-02-05', memo : 'たちつてと'}
};

該当のソースコード

  let result = Object.keys(obj).map((key) => {
      return obj[key];
    })
    .sort((a, b) => {
      return a.date > b.date ? -1 : 1;
    });
  console.log(result);

上記だと取り出せるのですが
下記のような取り出し方（reactのreturn内書くとき）の取り出し方で詰まっています。

 Object.keys(obj).map((key) => {
        return <UserItem key={key} index={key} user={obj[key]} />;
      })}

Answer 1

これでどうでしょうか

Object.entries(obj)
  .sort((a, b) => a[1].date > b[1].date ? -1 : 1)
  .map(([key, value]) => {
    return <UserItem key={key} index={key} user={value} />;
  })

Object.entries(obj)で[key, value]という形式の配列の配列が入手できます。
それをvalue(インデックス1)で[key, value]ごとsortしています。
最後にmapで分割代入して使っています。

Object.entries() - JavaScript | MDN
分割代入 - JavaScript | MDN

Comments

[MSSS.]

思った通りにsortもでき表示できました！ありがとうございます！