Javascript 为什么“保存到本地存储”功能会多次保存相同的内容？

目前，我正在尝试让我的存储器保存一个对象，然后在每次单击“收藏”按钮时按下一个新对象。但是，它会在一次单击时继续返回同一对象36次，并且不会在另一次单击时添加新对象

//Save to local storage
    $(".addToFavBtn").on("click", function () {
        // console.log((this).children[0].innerHTML);
        this.children[0].innerHTML = "star";
        var savName = $(this).siblings(".brewery-name").text();
        var savAddress = $(this).siblings(".brewery-address").text();
        var savType = $(this).siblings(".brewery-type").text();
        // console.log(savName, savAddress, savType);
        var favBrewery = {
            name: savName,
            address: savAddress,
            type: savType,
        };
        var savFavs = localStorage.getItem("savFavs");
        if (savFavs === null) {
            savFavs = [];
        } else {
            savFavs = JSON.parse(savFavs);
        }
        savFavs.push(favBrewery);
        console.log(savFavs);
        var newFav = JSON.stringify(savFavs);
        localStorage.setItem("savFavs", newFav);
        console.log(newFav);
        favDisplay();
    });
};

---

欢迎来到SO！我没有立即看到发布的示例中有任何错误。是否可以在代码中包含更多的上下文，例如简化的标记？理想情况下，您的问题应该包含一个片段。