关于清空购物车的实现思路

    function cartRemove(){
        $('.choose-content').on('click','.clear-car', function(){
            // 移除购物车的选中项
            $strTop.find('.choose-item').remove();
            // 找到所有选项卡内容，赋给变量list
            var list = window.food_spu_tags || [];
            // 找到右侧选项卡放数量的div
            var $counts = $('.count');
            // 这里的list指的是左侧所有的选项卡内容
            // item指list中的每个选项卡
            list.forEach(function(item){
                // item.spus指的是左侧每一个选项卡对应的右侧所有商品的内容信息
                // _item是右侧每一条商品的数据
                item.spus.forEach(function(_item){
                    // 后台数据设为0
                    _item.chooseCount = 0;
                    // 页面数据设为0
                    $counts.text(0);
                })
                // 改变总价，让总价为0
                changeTotalPrice(0);
                // 改变红点个数
                changeDot();
            });
        });        
    }

在老师提供的源码shopBar.js里面加了这段代码。测试了一下可以实现效果，也暂时没发现BUG。

我的思路是移除购物车中的所选项，然后把界面和后台的每一条count数据设为0。

想问一下有什么方法可以达到不刷新页面，把所有的数据设置为初始值的效果…最开始围绕这个想法困了很久，还是没解决…然后想到用比较直接的方法循环遍历每个数据，把数据改为0。

如果有的话麻烦老师提供一个思路，或者用哪种方法可以达到重置页面的效果，或者有什么针对清空购物车这个功能，更好的解决方法……循环遍历还真是万能，只是感觉会很消耗性能…

辛苦老师解答。