【JavaScript】ある配列を整形したいです。

Question

前提・実現したいこと

掲題通りなのですが、とある配列を整形したいです。
整形する要件は以下の通りになります。
・プロパティ名をスネークからキャメルに変換したいです。
・とある配列には存在しないプロパティ「fullName」を追加したいです。
「fullName」はとある配列に存在する「last_name」と「first_name」を結合した文字列を値として持ちたいです。
・とある配列に存在するプロパティ「order」の昇順にソートしたいです。
・とある配列に存在するプロパティ「category」でグループ化したいです。

配列操作が苦手で、、助けてほしいです。

とある配列

// とある配列
const users =
[
    {
        first_name: 'tarou',
        last_name: 'yamada',
        category: 'A',
        order: 3,
        options: [
            {
                item_a: '12345',
            }
        ]
    },
    {
        first_name: 'jirou',
        last_name: 'yamada',
        category: 'A',
        order: 1,
        options: [
            {
                item_a: '12345'
            }
        ]
    },
    {
        first_name: 'saburou',
        last_name: 'yamada',
        category: 'B',
        order: 2,
        options: [
            {
                item_a: '12345'
            }
        ]
    }
]

整形後の配列

// 整形後
const ret = [
    {
        category: 'A',
        users: [
            {
                fullName: 'yamadajirou'
                firstName: 'jirou',
                lastName: 'yamada',
                category: 'A',
                order: 1,
                options: [
                    {
                        itemA: '12345'
                    }
                ]
            },
            {
                fullName: 'yamadatarou'
                firstName: 'tarou',
                lastName: 'yamada',
                category: 'A',
                order: 3,
                options: [
                    {
                        itemA: '12345',
                    }
                ]
            }
        ]
    },
    {
        category: 'B',
        users: [
            {
                fullName: 'yamadasaburou'
                firstName: 'saburou',
                lastName: 'yamada',
                category: 'B',
                order: 2,
                options: [
                    {
                        itemA: '12345'
                    }
                ]
            }
        ]
    }
]

補足情報

JavaScriptで実現したいです。

Answer 1

こんなんでどうでしょう？

const robj = {};
for (const usr of users) {
  const cat = usr.category;
  if (!(cat in robj)) robj[cat] = {category: cat, users: []};
  const rusr = {};
  robj[cat].push(rusr);
  for (const key of Object.keys(usr)) {
    const rkey = key.replace(/_(.)/g, (...m)=>m[1].toUpperCase());
    rusr[rkey] = usr[key];
  }
  rusr.fullName = rusr.firstName + rusr.lastName;
}
const ret = [...Object.values(robj)];

Comments

[eroeronnnnnn]

ご回答頂きありがとうございます！

Answer 2

こういう感じでどうでしょう

function camelize(obj) {
  const newObj = {};
  Object.entries(obj).forEach(([key, value]) => { newObj[key.replace(/_([^_])/g, ([_, s]) => s.toUpperCase())] = value })
  return newObj;
}

function addFullName(obj) {
  return { ...obj, fullName: obj.lastName + obj.firstName}
}

function groupBy(a, key) {
  const groups = {}
  a.forEach(x => {
    if (groups[x[key]]) {
      groups[x[key]].push(x);
    } else {
      groups[x[key]] = [x];
    }
  })
  return groups;
}

Object.entries(groupBy(users.map(camelize).map(addFullName), 'category')).map(([key, value]) => ({ category: key, users: value.sort((a,b) => a - b) }))

Comments

[eroeronnnnnn]

すごい、、早速のご回答ありがとうございます！解決いたしました！

[SeieiMiyagi]

あ、ソートのとこだけ失敗してるかもしれないです…！a.order-b.orderで期待した結果になるとおもいます。