商品浏览记录分页，相同日期商品数据合并 demo

╰+攻爆jí腚メ 2022-11-15 11:44 164阅读 0赞

商品浏览记录分页，相同日期商品数据合并 demo。  
用户在商城浏览过的商品都会被记录下来，进入浏览记录可以看到浏览过的商品，浏览记录是分页的，而在分页之后要把新情求的数，根据相同日期和之前的数据做个对比相同日期的数据要放在以前符合用户浏览习惯。

> *下方有代码demo和结果*

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1ajE5MzU_size_15_color_FFFFFF_t_70]  
代码：

<script>
    
            let arr1 = [{  // 第一页数据
                date: '2021年03月30日',
                browseRecords: [{ 
                    name: '小名30-1'
                },
                { 
                    name: '小名30-2'
                }
                ]
            }, { 
                date: '2021年03月29日',
                browseRecords: [{ 
                    name: '小名29-1'
                },
                { 
                    name: '小名29-2'
                },
                ]
            }];
    
            let arr2 = [{  // 第二页新请求的数据
                date: '2021年03月29日',
                browseRecords: [{ 
                    name: '小名29-3'
                },
                { 
                    name: '小名29-4'
                },
                { 
                    name: '小名29-5'
                },
                ]
            }, { 
                date: '2021年03月28日',
                browseRecords: [{ 
                    name: '小名28-1'
                },
                { 
                    name: '小名28-2'
                }
                ]
            }]
    
    
    
            let arr = arr1.concat(arr2).reduce((groups, item) => { 
                let resultArr = groups.find(arrItem => item.date === arrItem.date); // 找出相同日期的数据
                if (resultArr) { 
                    resultArr.browseRecords = resultArr.browseRecords.concat(item.browseRecords)
                } else { 
    
                    var newGroup = { 
                        date: item.date,
                        browseRecords: item.browseRecords,
                    }
                    groups.push(newGroup);
                }
                return groups;
            }, []);
            
            console.log('合并数据后', arr);
            
        </script>

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1ajE5MzU_size_16_color_FFFFFF_t_70]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1ajE5MzU_size_15_color_FFFFFF_t_70]: /images/20221022/0ec06c5355f647c18dad6b955f724324.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1ajE5MzU_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20210331205546139.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1ajE5MzU=,size_16,color_FFFFFF,t_70

发表评论取消回复

表情：

评论列表（有 0 条评论，164人围观）

还没有评论，来说两句吧...

相关阅读

相关淘宝商品详情页全页数据抓取API（商品价格库存销量商品主图）

淘宝/天猫获得淘宝app商品详情原数据 API 返回值说明 item\_get\_app-获得淘宝app商品详情原数据 [taobao.item\_get\_app

桃扇骨/ 2024年02月05日 18:39/ 0 赞/ 28 阅读

相关商品浏览记录分页，相同日期商品数据合并 demo

商品浏览记录分页，相同日期商品数据合并 demo。用户在商城浏览过的商品都会被记录下来，进入浏览记录可以看到浏览过的商品，浏览记录是分页的，而在分页之后要把新情求的数，根

╰+攻爆jí腚メ/ 2022年11月15日 11:44/ 0 赞/ 165 阅读

相关记录浏览过的商品

这个功能的实现，利用session . 本人开发中用到的框架式springmvc框架。因而先获取session（每个框架获获取session的方式不一样）如何获取ses

女爷i/ 2022年08月25日 13:53/ 0 赞/ 174 阅读

相关 servlet显示商品浏览历史记录

假设有一个数据库和书本对象 //数据库 class Db{ private static Map<String, Book> map = new L

矫情吗；*/ 2022年08月12日 01:19/ 0 赞/ 179 阅读

相关显示商品浏览记录与删除浏览记录

给商品一个列表，并且每一件商品设置一个编号，用户点击每个商品时都会向servlet提交一个请求，servlet得知用户点击了哪件商品，并将商品编号保存在cookie中，用框图表

系统管理员/ 2022年07月14日 07:17/ 0 赞/ 187 阅读

相关 php商品分页，修改，删除等

php商品分页，修改，删除等继上次 [php添加商品][php] 文章之后，继续 ![20180324103134364][] ![201803241032267

深碍√TFBOYSˉ_/ 2022年05月29日 12:47/ 0 赞/ 206 阅读

相关商品详情页商品放大镜效果

源码下载地址：https://gitee.com/meijunna/lunbo html <!DOCTYPE html PUBLIC "-//W3C//DTD XH

骑猪看日落/ 2022年05月20日 02:50/ 0 赞/ 373 阅读

相关 Java Web——商品分页

本文参与「少数派读书笔记征文活动」[https://sspai.com/post/45653][https_sspai.com_post_45653] 使用的jquery插件

梦里梦外;/ 2022年05月17日 13:36/ 0 赞/ 199 阅读

相关 PageHelper商品分页实现

商品分页 Dubbo分布式服务框架 Service，发布服务 Web，引用服务 Service @Override public EasyU

我不是女神ヾ/ 2022年05月16日 12:51/ 0 赞/ 266 阅读

相关 Javaweb学习－－显示商品浏览记录

功能：如淘宝侧边栏：您最近浏览过的商品，显示商品的标题图片等信息．１．项目结构（ViewListDBHelperDemo项目名） ![20171229093312238]

旧城等待，/ 2021年10月09日 03:42/ 0 赞/ 396 阅读