前幾天已經完成料理類型和時間篩選功能。

不過，實際使用時，冰箱裡通常不會只有一兩種食材，因此今天要讓網站更方便地處理多種食材。

一、讓食材輸入更方便

目前的輸入方式是使用逗號或頓號分隔，例如：

「雞蛋、番茄、洋蔥、青蔥」

接著透過 JavaScript 將文字整理成陣列：

function parseIngredients(input) {
    return input
        .split(/[,，、\s]+/)
        .map(item => item.trim())
        .filter(item => item !== "");
}

二、避免重複食材

有時候使用者可能不小心輸入重複的食材，例如：

「雞蛋、番茄、雞蛋、洋蔥」

可以使用 Set 移除重複項目：

const ingredients = [
    ...new Set(parseIngredients(input))
];

這樣就能保留不重複的食材。

三、今天的成果

今天完成多種食材的整理，也加入重複項目的處理。

現在網站能夠接收更多食材，並將資料整理後傳送給 AI。

接下來要加入食譜收藏功能，讓使用者可以保存自己喜歡的料理。