Type Script ネストしたオブジェクトの階層を変換する

const food: GroupedFood[] = [
  {
    group: "ご飯",
    detail: [
      {
        date: "2024",
        name: "お米",
      },
      {
        date: "2023",
        name: "ラーメン",
      },
    ]
  },
  {
    group: "デザート",
    detail: [
      {
        date: "2024",
        name: "ケーキ",
      },
      {
        date: "2023",
        name: "アイス",
      },
    ]
  },
];

Copy

interface Detail {
  date: string;
  name: string;
}

interface GroupedFood {
  group: string;
  detail: Detail[];
}

interface FlattenedFood {
  group: string;
  date: string;
  name: string;
}

Copy

const transformFoodData = (groupedFood: GroupedFood[]): FlattenedFood[] => {
  return groupedFood.flatMap(group => 
    group.detail.map(detail => ({
      group: group.group,
      date: detail.date,
      name: detail.name
    }))
  );
};

// 変換処理の実行
const transformedFood = transformFoodData(food);

console.log(transformedFood);

Copy

[
  {
    "group": "ご飯",
    "date": "2024",
    "name": "お米"
  },
  {
    "group": "ご飯",
    "date": "2023",
    "name": "ラーメン"
  },
  {
    "group": "デザート",
    "date": "2024",
    "name": "ケーキ"
  },
  {
    "group": "デザート",
    "date": "2023",
    "name": "アイス"
  }
]

Copy