連想配列のkeyを一括変更するには？

Question

下のオブジェクト配列のkeyを0をidに、1をshopにしたいのですが、
for文で書くことはできましたが、
もっと簡潔に一括変更する方法はあるのでしょうか？

let srcData = [
  {0:”id1”, 1:”店A“},
  {0:”id2”, 1:”店B“},
  {0:”id3”, 1:”店C“},
];

// 以下のようなデータを作りたい。
// dstData = [
//  {id:”id1”, shop:”店A“},
//  {id:”id2”, shop:”店B“},
//  {id:”id3”, shop:”店C“},
// ]

dstData = [];
for (let i = 0; i < srcData.length; i++) {
                  dstData.push({
                    id: srcData[i][0],
                    shop: srcData[i][1],
                  });
}

Comments

[m.ts10806]

キーの変更は大事なので、あとから変更するのではなく定義時点で使いたい名称で定義するものと思いますが、どのような経緯あってキーを変更したいのでしょうか

[退会済みユーザー]

コメントありがとうございます。
srcDataは、csv-parseモジュールで、csvファイルを読み込んだデータです。csvにヘッダがあれば、正しいkey名が付いたのですが、残念ながらヘッダをつけることができず、後から変更することにしました。

[m.ts10806]

csv自体が自身で制御できる範囲にあるならそういうcsvを作るか、parse後ではなくparse時にkeyつけたほうが良さそうには思います

[m.ts10806]

※質問の主旨からは外れているためこちらのコメントに書いています

Answer 1

こんにちは
２つ回答します。

1. Object.entries() と Object.fromEntries() を使う

Object.entries() でキーと値の組を配列として得てから、それらの要素のキーのほうを変換し、Object.fromEntries() でオブジェクトに戻します。

keysAfter = [ 'id', 'shop'];

srcData = srcData.map(e => 
   Object.fromEntries(                      
      Object.entries(e).map(([k, v]) => [keysAfter[k], v])
  )
);

• 動作確認用CodePen: https://codepen.io/jun68ykt/pen/vYBvVKb?editors=1111

２． Lodash の _.mapKeysを使う

配列やオブジェクトの操作で便利なライブラリLodash の _.mapKeys を使うと、以下のように書けます。

keysAfter = [ 'id', 'shop'];

srcData = srcData.map(e => _.mapKeys(e, (v, k) => keysAfter[k]) );

• 動作確認用CodePen: https://codepen.io/jun68ykt/pen/xxKmyRj?editors=1111

以上、参考になれば幸いです。

Comments

[退会済みユーザー]

ありがとうございます！
mapを使えばいいんですね。
あまり使ったことがなかったのでこれを機に見てみます

[jun68ykt]

どういたしまして。
ちなみに上記のコードは、キーが増えてもそのまま使えます。（※keysAfterへの追加は必要です）

例： https://codepen.io/jun68ykt/pen/RwbEeZm

Answer 2

dstData = srcData.map((e) => ({id: e[0], shop: e[1]}));

Comments

[退会済みユーザー]

ありがとうございます。
うまくできました。
簡潔な書き方を紹介していただきありがとうございます。