reduce方法实现对数组相邻相同元素进行合并
发布日期:2021-05-20 10:06:55 浏览次数:5 分类:技术文章

本文共 865 字,大约阅读时间需要 2 分钟。

1、 业务需求
渲染一个表格数据,对相同元素进行合并单元格。

在这里插入图片描述
2、这里我们需要判断数组前一个元素是否和后一个元素相同,如果相同就进行合并,并且给出重复出现的数值。

  • 实现代码
  • 这里主要用到了reduce方法,下面代码是对数组进行处理,不同的数组结构处理方法不同, 这里只分享我的业务代码仅供参考。
  • 关于reduce用法可自行百度。
function getNewCourseList(list) {
   
list.map(item => {    
item.courseList.map(courseListItem => {    
courseListItem.count = 0;
return courseListItem;
})
return item;
})
const newList = [];
list.forEach(function (item) {    
let newArray = [item.courseList[0]];
item.courseList.reduce(function (accumulator, currentItem) {    
if (accumulator.stuSectionCourseOutputList[0].realCourseName === currentItem.stuSectionCourseOutputList[0].realCourseName) {    
newArray[newArray.length - 1].count += 1;
} else {    
newArray.push(currentItem);
}
return newArray[newArray.length - 1];
})
newList.push({    
classSection: item.classSection,
courseList: newArray
})
return newArray;
});
return newList;
}

在这里插入图片描述

转载地址:https://blog.csdn.net/weixin_45416217/article/details/109800489 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:ant-design树选择框生成treeData数据结构
下一篇:react中函数带()和不带()引发的问题

发表评论

最新留言

逛到本站,mark一下
[***.191.171.15]2022年08月10日 15时59分11秒

关于作者

    喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!

最新文章

接口单元测试php,phpstorm配置phpunit,进行php单元测试 2019-06-17 05:18:54
oracle 主键number,Oracle主键:NUMBER与NUMBER(7,0) 2019-06-17 05:18:53
oracle如何关联外键,oracle数据迁移解决外键关联 2019-06-17 05:18:53
oracle u4e00-u9fa5,oracle的unistr报错问题 2019-06-17 05:18:52
oracle中索引对象,Oracle数据对象中的索引与视图的描述 2019-06-17 05:18:52
oracle vip手动迁移,【大话IT】vip如何切换回去 2019-06-17 05:18:51
oracle 复制工具类,oracle 常用工具类及函数 2019-06-17 05:18:51
oracle database填写,Oracle Database基础 2019-06-17 05:18:50
oracle数据库写文件,Oracle对操作系统文件的读写操作 2019-06-17 05:18:50
php debugdumpparams,PHP PDOStatement::debugDumpParams讲解 2019-06-17 05:18:49
php getfooter,php – get_template_part和get_footer的单页wordpress问题 2019-06-17 05:18:49
centos安装php_openssl,详解Linux(centos7)下安装OpenSSL安装图文方法 2019-06-17 05:18:48
python生成灰度图像,python-Tensorflow numpy图像重塑[灰度图像] 2019-06-17 05:18:48
fox li matlab,求翻译!这段话中文摘要利用FOX-LI数值迭代解法,对平面平行腔的柱面波进行数值求解.用Matlab软 件程序模拟出腔内... 2019-06-17 05:18:47
mysql 隐藏列i,JavaScript-jQuery数据表隐藏列 2019-06-17 05:18:47
mysql innodb 查询锁,一条语句查清Mysql innodb 行锁阻塞情况 2019-06-17 05:18:46
matlab循环语句步长,matlab for循环步长_for循环和步长是什么意思【VB】 2019-06-17 05:18:46
织梦模版里用php获取分类id,DEDECMS中怎么获取无限栏目子分类 2019-06-17 05:18:45
java中返回非零,docker – 命令’/ bin/sh返回非零代码:1 2019-06-17 05:18:45
php函数end,PHP end() 函数 - PHP 基础教程 2019-06-17 05:18:44