まず、提供されたデータを含むJSON配列を定義します。
javascript
const jsonData = [
{ id: ’12’, user_login: ‘seki’, data: ‘HTMLに入れる’ },
{ id: ’13’, user_login: ‘seki’, data: ‘HTMLに入れる’ },
{ id: ’16’, user_login: ‘seki’, data: ‘ショートコードに入れる’ }
];
### オブジェクトの作成
次に、 id をキー、 data を値とするオブジェクトを作成します。
javascript
const dataObject = jsonData.reduce((acc, item) => {
acc[item.id] = item.data; // idをキー、dataを値として設定
return acc;
}, {});
console.log(dataObject);
### 出力結果
上記のコードを実行すると、次のようなオブジェクトが得られます。
javascript
{
’12’: ‘HTMLに入れる’,
’13’: ‘HTMLに入れる’,
’16’: ‘ショートコードに入れる’
}
### 説明
– ** reduce メソッド**: 配列を反復処理し、各要素に対してロジックを適用して、新しいオブジェクトを生成します。
– ** acc **: アキュムレータ(累積値)として機能し、最終的なオブジェクトが格納されます。
– ** item.id **: 現在のアイテムの id をキーとして使用します。
– ** item.data **: 現在のアイテムの data を値として設定します。
