JavaScriptのmapメソッドは、オブジェクトの複数のkeyを指定して、valueにアクセスできる

分かる人には当たり前ですが、mapメソッドはオブジェクト型のデータもループを回すことができます

const kvArray = [
  { key: 1, value: 10 },
  { key: 2, value: 20 },
  { key: 3, value: 30 },
];

const reformattedArray = kvArray.map(({ key, value }) => ({ [key]: value }));

結果

このように、オブジェクトの複数のkeyを指定して、valueにアクセスする事ができます。

よく使うやつはこれです。

単純に配列の中であるデータを一つずつ取り出すやつです。

配列そのものや、index番号も引数で取れます。