如何使用 reduce 函数合并数组中连续相同项,并生成包含合并后的连续项的新数组?

如何使用 reduce 函数合并数组中连续相同项,并生成包含合并后的连续项的新数组?

合并相同连续项

如何从给定的数组中提取并合并连续的相同项,得到包含合并后的连续项的新数组?下文提供了一种实现该算法的方案。

算法步骤:

创建一个对象 obj,用于存储合并的连续项。

使用 reduce 迭代输入数组,执行以下操作:

遍历每个元素 item 中的 content,并为每个 content 元素执行以下操作:

获取当前元素的索引 index 和后续元素 next。如果后续元素存在,且其 start 值等于当前元素的 end 值,则继续迭代并从后续元素的 content 中删除当前元素。根据当前元素的 start 和 end 值计算键 key。如果 obj 中不存在 key,则将当前元素添加到 obj 中,并创建包含一个 content 元素的新对象。如果 key 已存在,则将当前元素的 content 添加到现有对象的 content 中。将 obj 中的值转换为一个包含合并后连续项的新数组 list。

示例代码:

let arr = [    { "start": 1, "end": 2, "content": [ "a", "b", "e" ] },    { "start": 2, "end": 3, "content": [ "b", "c" ] },    { "start": 3, "end": 4, "content": [ "b", "d" ] },    { "start": 4, "end": 5, "content": [ "d" ] },    { "start": 7, "end": 8, "content": [ "b" ] },    { "start": 9, "end": 11, "content": [ "b", "c" ] }];let obj = {};let list = arr.reduce((list, item, index, arr) => {    item.content.foreach(citem => {        let i = index;        let next, cindex;        while ((next = arr[i + 1]) && arr[i].end === next.start && (cindex = next.content.indexof(citem)) >= 0) {            i++;            next.content.splice(cindex, 1);        }        let end = arr[i].end;        let key = item.start + '-' + end;        if(!obj[key]){            list.push(obj[key] = {                start: item.start,                end,                content: [citem]            });        }else{            obj[key].content.push(citem);        }    });    return list;}, []);console.log(list);

输出:

[    { "start": 1, "end": 2, "content": [ "A", "E" ] },    { "start": 1, "end": 4, "content": [ "B" ] },    { "start": 2, "end": 3, "content": [ "C" ] },    { "start": 3, "end": 5, "content": [ "D" ] },    { "start": 7, "end": 8, "content": [ "B" ] },    { "start": 9, "end": 11, "content": [ "B", "C" ] }]

以上就是如何使用 reduce 函数合并数组中连续相同项,并生成包含合并后的连续项的新数组?的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1353501.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
html文件打开空白
上一篇 2026年5月10日 10:45:46
c++中如何使用lambda表达式_c++ lambda表达式用法详解
下一篇 2026年5月10日 10:45:48

相关推荐

  • 深入理解Go语言接口赋值:数据复制机制解析

    go语言中,将具体值赋给接口变量时,通常会发生数据复制,而非简单地传递原始数据的引用。本文将通过示例代码深入探讨这一机制,解释值类型和指针类型在接口赋值时的不同行为,并揭示接口底层如何处理数据,帮助开发者正确理解和利用go接口的强大功能,避免常见的误解。 Go接口基础回顾 在Go语言中,接口(Int…

    2026年5月10日
    000
  • C++ 函数库与面向对象编程的结合

    将 c++++ 函数库与面向对象编程 (oop) 相结合,可通过以下步骤实现:创建类,封装函数库功能为对象。将函数库函数包装为类成员函数,便于对象调用。隐藏函数库实现,以提高代码的可维护性和安全性。 C++ 函数库与面向对象编程相结合 C++ 是一个强大的编程语言,它允许程序员以面对象编程(OOP)…

    2026年5月10日
    000
  • C# using static指令的用法 – 简化对静态成员的调用

    using static 用于简化频繁调用的静态成员访问,应于大量使用 Math、Console、Enumerable 或自定义工具类静态方法时引入;需置于命名空间外、类前,注意同名冲突需手动限定,推荐结合 IDE 使用但避免滥用。 using static 指令让 C# 代码能直接调用指定类型中的…

    2026年5月10日
    000
  • 解决 Angular 14 升级至 16 后第三方依赖兼容性错误与最佳实践

    将 Angular 应用从版本 14 升级到 16 时,常见的挑战是处理第三方库的兼容性问题,尤其是在使用 `–force` 标志后可能导致大量编译错误。本文将提供一套系统的解决方案,包括识别过时依赖、逐一验证库兼容性、遵循官方升级指南,并强调避免强制安装以确保平滑升级,最终实现稳定运行…

    2026年5月10日
    100
  • Golangchannel关闭与遍历使用技巧

    Go语言中channel由发送方关闭,避免重复关闭引发panic,多生产者场景用sync.Once确保安全;for-range可自动检测关闭并遍历完缓存数据后退出。 在Go语言中,channel是实现goroutine之间通信和同步的核心机制。合理地关闭和遍历channel不仅能提升程序的稳定性,还…

    2026年5月10日
    000
  • 如何在HTML元素悬停时显示动态数据提示

    本文详细介绍了如何在Angular等前端框架中,利用HTML的`title`属性为元素添加动态数据提示(tooltip)。通过将表达式(如`{{ row.boxes.length }}`)嵌入到`title`属性中,可以实现在用户鼠标悬停时,显示包含实时计算结果的文本提示,从而提升用户体验,并避免直…

    2026年5月10日
    000
  • Python 3中enum包安装失败解析:标准库枚举模块的使用指南

    本文针对在python 3.x环境下安装`enum`包时遇到的`attributeerror: module ‘enum’ has no attribute ‘__version__’`错误提供解决方案。核心在于,`enum`模块已是python 3标…

    2026年5月10日
    000
  • 如何将密钥集成到 SvelteKit 中

    在本教程中,我们将引导您构建一个包含密钥身份验证的示例 sveltekit 应用程序。我们将向您展示如何无缝集成 corbado 的密钥 ui 组件以实现安全、无密码的身份验证。在此过程中,我们还将演示如何使用 corbado node.js sdk 在服务器上检索用户数据。 在这里查看完整的原始教…

    2026年5月10日
    000
  • js如何解析XML数据 XML数据解析的3种常用方法解析

    js如何解析XML数据 XML数据解析的3种常用方法解析js如何解析XML数据 XML数据解析的3种常用方法解析js如何解析XML数据 XML数据解析的3种常用方法解析js如何解析XML数据 XML数据解析的3种常用方法解析

    解析 xml 数据在 javascript 中可通过三种主要方法实现:domparser、xmlhttprequest 和第三方库。1.domparser 是浏览器内置的解析器,通过 parsefromstring() 方法将 xml 字符串转换为 document 对象,便于操作 xml dom;…

    2026年5月10日 用户投稿
    000
  • python中break是什么意思 python循环中断语句

    break语句用于中断当前循环并跳出循环体。在处理大数据时,找到所需数据后使用break可以提高性能和代码可读性。使用时需注意:1. break只能跳出最内层循环;2. 过度使用可能降低代码可读性;3. 在大循环中频繁使用可能影响性能。 在Python中,break语句的作用是中断当前所在的循环,跳…

    2026年5月10日
    000
  • 如何使用 CSS 选择器样式化表格的最后一行

    本文将介绍如何使用 CSS 选择器来样式化 HTML 表格的最后一行。通过使用 :last-child 或 :last-of-type 伪类,可以轻松地为表格的最后一行应用特定的样式,例如更改背景颜色或字体样式。 使用 :last-child 伪类 :last-child 伪类选择器用于选择父元素的…

    2026年5月10日
    000
  • 使用 JavaScript 在电话号码输入框中每两位数字间添加空格

    本文将介绍如何使用 JavaScript 为电话号码输入框实现每两位数字之间自动添加空格的功能。由于 不允许直接插入空格,我们将使用 并结合 JavaScript 的事件监听和字符串处理方法,实现输入时自动格式化电话号码的效果。 实现原理 核心思路是监听 元素的 input 事件,在每次输入时,先移…

    2026年5月10日
    000
  • 为什么合约价格和现货不一样?解析基差产生的原因与套利机会

    基差体现期货与现货价格差异,由持有成本、供需变化、市场预期及季节性因素共同驱动;当基差偏离常态,交易者可通过期现正向套利、反向套利及跨期套利捕捉定价错误带来的盈利机会。 binance币安交易所 注册入口: APP下载: 欧易OKX交易所 注册入口: APP下载: 火币交易所: 注册入口: APP下…

    2026年5月10日
    100
  • JavaScript动态切换CSS类:确保事件触发与元素可见性

    本文将深入探讨如何利用javascript的`classlist` api实现html元素css类的动态切换,从而改变其样式和行为。我们将详细介绍`add`、`remove`等方法的应用,并通过一个实际案例,重点分析在事件驱动的类切换中,确保事件监听器能够被正确触发以及目标元素可见性的重要性,提供解…

    2026年5月10日
    000
  • JavaScript中高效清空DOM列表元素:解决for循环中断与任务管理问题

    本文旨在解决javascript中清空dom列表元素时遇到的常见问题,特别是`for`循环难以正确中断和导致新任务无法添加的困境。我们将深入探讨两种高效且推荐的解决方案:利用`innerhtml = “”`属性快速清空容器内容,以及通过`queryselectorall`获取…

    2026年5月10日
    000
  • c++中如何使用lambda表达式_c++ lambda表达式用法详解

    lambda表达式是C++中定义匿名函数的简便方式,用于标准库算法等需传函数参数的场景,基本语法为[捕获列表](参数列表) -> 返回类型 { 函数体 },常用部分为捕获列表和参数列表。 在C++中,lambda表达式是一种定义匿名函数的简便方式,常用于需要传递函数作为参数的场景,比如标准库算…

    2026年5月10日
    000
  • 什么是AC自动机?多模式字符串匹配

    AC自动机通过Trie树与Fail指针实现多模式串高效匹配,构建时先插入所有模式串形成Trie树,再用BFS建立Fail指针以实现失配跳转,匹配时对文本串一次扫描即可找出所有匹配模式,相比KMP在多模式场景下更高效。 AC自动机,简单来说,就是一个能同时匹配多个模式串的字符串匹配算法。它是在Trie…

    2026年5月10日
    000
  • C++ char*与string如何相互转换_C++字符串类型转换完整指南

    答案:char与std::string转换需注意内存管理;char转string可用构造函数,string转char*用c_str()获取只读指针,避免悬空指针与内存泄漏。 在C++开发中,char* 和 std::string 是处理字符串最常用的两种方式。虽然它们都能表示字符串数据,但底层机制和…

    2026年5月10日
    000
  • html文件打开空白

    HTML文件打开空白是一种常见问题,可能由多种原因引起。本文介绍了导致HTML文件打开空白的常见原因,包括HTML结构问题、CSS样式问题、JavaScript问题、编码问题、服务器或网络问题、浏览器兼容性问题和其他原因。针对每种原因,本文提供了相应的解决方法,包括检查DOCTYPE声明、闭合HTM…

    2026年5月10日
    000
  • 理解浏览器音频播放通知:JavaScript无法隐藏的原因

    本文深入探讨了在javascript中播放音频时,浏览器标签页上出现的播放通知图标(如音乐音符)。明确指出,这些通知是浏览器原生功能,旨在提升用户体验,帮助用户识别正在播放音频的标签页,因此无法通过javascript代码进行隐藏或控制。文章将解释其设计原理及对开发者的意义。 在现代Web开发中,通…

    2026年5月10日
    100

发表回复

登录后才能评论
关注微信