### JSONデータの例

まず、提供されたデータを含む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 を値として設定します。

タイトルとURLをコピーしました