【JavaScript】連想配列で特定のkeyの値ごとに並べ替え・整形したデータを作成する方法

jaavscriptロゴ

こんにちは!ケインコスゲです。

今回は「【JavaScript】連想配列で特定のkeyの値ごとに並べ替えしたデータを作成する方法」という、言葉ではなんとも説明しずらい内容について扱いたいと思います。


const data = [
     {title:"今日の日記", content:"今日はお腹が空いた", category:"diary"},
     {title:"プレスリリースです", content:"Youtuberになりました!", category:"news"},
     {title:"今日の日記", content:"今日はお腹が空いた", category:"diary"},
     {title:"来月開催!", content:"イベントやります!", category:"news"}]

例えば、上記のようなデータがあったとして、これを「category = news」「category=diary」ごとにデータを分類して整理し直したい時に使える方法です。


const result = [
     {
      diary:[
       {title:"今日の日記", content:"今日はお腹が空いた"},
       {title:"今日の日記", content:"今日はお腹が空いた"},
      ]
     },
     {
      news:[
       {title:"プレスリリースです", content:"Youtuberになりました!"},
       {title:"来月開催!", content:"イベントやります!"},
      ]
     }];

こんな感じのデータに整形し直したいというケースです。

本当になんて言葉で表現したら良いのか・・・

連想配列で特定のkeyの値ごとに並べ替え・整形したデータを作成する方法を紹介!

では、早速ですがコードについて紹介していきたいと思います!

実例を下記に掲載しました。

きっと、もっと簡単にできる方法もあるんだとは思うのですが・・・せっかく作ってみたので今回ブログにも掲載して残そうという運びになり、書いている次第です。笑

JavaScriptのforEach、map、filterなど配列に関連したメソッドだったり、[…new Set(ary)]の部分のようなスプレッド演算子の部分だったり、配列に関するJavaScriptの様々な技法を入れてみました。

そう考えるとJavaScriptでは配列や連想配列・JSONデータをいかに上手に操作できるのかが重要だなーと思った次第です。

まとめ

ということで今回は、【JavaScript】連想配列で特定のkeyの値ごとに並べ替え・整形したデータを作成する方法を掲載させていただきました!

簡潔ではありますが、今回は以上になります!

シェアする

  • このエントリーをはてなブックマークに追加

フォローする