JavaScriptのreduceメソッドを使用してオブジェクトの配列を作成する方法

const data = [
  { id: 1, name: 'John' },
  { id: 2, name: 'Jane' },
  { id: 3, name: 'Bob' }
];

この配列をreduceメソッドを使用して、新しいオブジェクトの配列に変換するには、次の手順を実行します。

const newArray = data.reduce((acc, obj) => {
  const newObj = {
    title: `Title ${obj.id}`,
    tag: `Tag ${obj.name}`
  };
  return [...acc, newObj];
}, []);
console.log(newArray);

上記のコードでは、reduceメソッドを使用して空の配列から始めます。それぞれの要素に対して、新しいオブジェクトを作成して配列に追加します。新しいオブジェクトのプロパティ(titleとtag)は、元のオブジェクトの値を利用しています。

上記のコードを実行すると、次のような結果が出力されます。

[
  { title: 'Title 1', tag: 'Tag John' },
  { title: 'Title 2', tag: 'Tag Jane' },
  { title: 'Title 3', tag: 'Tag Bob' }
]

これで、reduceメソッドを使用してオブジェクトの配列を作成する方法がわかりました。この手法を使えば、他のデータやプロパティにも応用することができます。