当前位置: 首页 > news >正文

【每日算法】 LeetCode 56. 合并区间

对前端开发者而言,学习算法绝非为了“炫技”。它是你从“页面构建者”迈向“复杂系统设计者”的关键阶梯。它将你的编码能力从“实现功能”提升到“设计优雅、高效解决方案”的层面。从现在开始,每天投入一小段时间,结合前端场景去理解和练习,你将会感受到自身技术视野和问题解决能力的质的飞跃。------ 算法:资深前端开发者的进阶引擎

LeetCode 56. 合并区间

1. 题目描述

1.1 问题陈述

给定一个区间的集合intervals,其中每个区间表示为[start, end],你需要合并所有重叠的区间,并返回一个不重叠的区间数组,该数组需覆盖输入中的所有区间。

示例 1:

输入:intervals = [[1,3],[2,6],[8,10],[15,18]] 输出:[[1,6],[8,10],[15,18]] 解释:区间 [1,3] 和 [2,6] 重叠,合并为 [1,6]。

示例 2:

输入:intervals = [[1,4],[4,5]] 输出:[[1,5]] 解释:区间 [1,4] 和 [4,5] 可被视为重叠区间。

注意:输入类型可能为数组或类似结构,输出要求有序(通常按起始点升序)。作为前端开发者,你需处理类似数组操作和数据格式化问题。

2. 问题分析

2.1 输入输出分析

  • 输入:一个二维数组intervals,每个子数组表示一个区间,包含起始点start和结束点end。假设start <= end,且数组可能无序。
  • 输出:一个二维数组,包含合并后的不重叠区间,按起始点升序排列。
  • 重叠定义:两个区间[a, b][c, d]重叠,如果a <= dc <= b(即一个区间的起始点小于或等于另一个区间的结束点)。合并后新区间为[min(a, c), max(b, d)]

2.2 关键点

  • 前端场景中,这类问题常见于日历事件合并、时间轴渲染或数据可视化(如甘特图),其中需优化重叠元素的显示。
  • 核心挑战是高效识别和处理重叠区间,避免 O(n²) 的暴力比较,以提升性能。

3. 解题思路

3.1 思路一:排序后合并(最优解)

  • 步骤:
    1. 将区间按起始点start升序排序。
    2. 初始化结果数组merged,遍历排序后的区间:
      • 如果merged为空或当前区间与merged中最后一个区间不重叠(即当前区间的起始点大于最后一个区间的结束点),则将当前区间添加到merged
      • 否则,合并区间:更新merged最后一个区间的结束点为当前区间结束点与最后一个区间结束点的最大值。
  • 复杂度:时间复杂度 O(n log n)(主要来自排序),空间复杂度 O(log n)(排序使用的栈空间,或 O(n) 如果存储结果)。这是最优解,因为排序是必要步骤,且后续线性扫描高效。
  • 前端关联:类似前端中对事件列表按时间排序后渲染,减少重复计算。

3.2 思路二:暴力法

  • 步骤:遍历每个区间,与其他所有区间比较,合并重叠区间,重复直到无重叠。效率低,仅适用于小数据集或作为理解基础。
  • 复杂度:时间复杂度 O(n²),空间复杂度 O(n)。不推荐用于生产环境。

4. 各思路代码实现

以下用 JavaScript 实现,作为前端开发者的常用语言。

4.1 思路一:排序后合并的 JavaScript 实现

/** * @param {number[][]} intervals * @return {number[][]} */varmerge=function(intervals){if(intervals.length===0)return[];// 按起始点升序排序intervals.sort((a,b)=>a[0]-b[0]);constmerged=[];for(letintervalofintervals){// 如果 merged 为空或当前区间不重叠if(merged.length===0||merged[merged.length-1][1]<interval[0]){merged.push(interval);}else{// 合并区间:更新最后一个区间的结束点merged[merged.length-1][1]=Math.max(merged[merged.length-1][1],interval[1]);}}returnmerged;};// 测试示例console.log(merge([[1,3],[2,6],[8,10],[15,18]]));// 输出 [[1,6],[8,10],[15,18]]console.log(merge([[1,4],[4,5]]));// 输出 [[1,5]]

4.2 思路二:暴力法的 JavaScript 实现(仅作参考)

/** * 暴力法实现合并区间 * @param {number[][]} intervals * @return {number[][]} */varmergeBruteForce=function(intervals){if(intervals.length===0)return[];letmerged=[...intervals];letchanged=true;// 重复合并直到无变化while(changed){changed=false;constnewMerged=[];for(leti=0;i<merged.length;i++){letcurrent=merged[i];letisMerged=false;for(letj=0;j<newMerged.length;j++){// 检查重叠if(current[0]<=newMerged[j][1]&&newMerged[j][0]<=current[1]){// 合并区间newMerged[j][0]=Math.min(newMerged[j][0],current[0]);newMerged[j][1]=Math.max(newMerged[j][1],current[1]);isMerged=true;changed=true;break;}}if(!isMerged){newMerged.push(current);}}merged=newMerged;}returnmerged.sort((a,b)=>a[0]-b[0]);// 确保输出有序};// 注意:暴力法效率低,仅用于小数据测试console.log(mergeBruteForce([[1,3],[2,6],[8,10],[15,18]]));// 输出类似结果

5. 各实现思路的复杂度、优缺点对比表格

思路时间复杂度空间复杂度优点缺点适用场景
排序后合并O(n log n)O(log n) 或 O(n)高效,代码简洁,易于维护依赖排序,可能修改原数组大多数前端应用,如事件合并、数据可视化
暴力法O(n²)O(n)实现简单,易于理解效率低,不适用于大数据小数据集学习或原型开发

6. 总结

6.1 实际应用场景

作为前端开发者,掌握合并区间算法可应用于以下场景:

  • 日历或日程管理应用:合并重叠事件以优化显示,例如在 FullCalendar 等库中渲染时间块。
  • 数据可视化:在甘特图或时间轴中合并重叠任务,提升可读性。
  • 表单验证:处理时间范围输入,确保无冲突(如预订系统)。
  • 状态管理:在 Redux 或 Vuex 中合并重叠的状态更新区间,优化性能。
http://www.cnnetsun.cn/news/173886.html

相关文章:

  • 【AI驱动销售革命】:Open-AutoGLM如何实现线索筛选效率提升10倍
  • 告别加班写年报!Open-AutoGLM自动写作系统实测效果曝光(附对比数据)
  • Open-AutoGLM数据同步实战指南(从配置到监控全链路拆解)
  • 【Open-AutoGLM邮件分类实战】:手把手教你构建企业级智能筛选系统
  • Java全栈工程师面试实录:从基础到实战的深度探讨
  • Open-AutoGLM核心原理深度解析:NLP+知识图谱如何重塑周报流程?
  • 【独家披露】某头部科技公司如何用Open-AutoGLM实现周报零人工干预
  • 揭秘Open-AutoGLM自动回邮系统:如何3步实现企业级智能响应?
  • Open-AutoGLM月报统计避坑指南:资深工程师总结的7大常见错误
  • 5步搞定Open-AutoGLM周报集成,让每周汇报不再加班到凌晨
  • Open-AutoGLM现场将发布什么?10位顶尖专家透露的惊人线索
  • 为什么顶尖团队都在用Open-AutoGLM做月报?背后的数据逻辑首次公开
  • Open-AutoGLM工作流监控实战指南(实时可视化监控体系搭建全解析)
  • 别让“小眼镜”挡住清晰世界!儿童近视防控,家长必知的科学指南
  • AI赋能会议管理,Open-AutoGLM预约系统深度解析
  • 打开Simulink工程时总得先泡杯咖啡——电池模型搭建这事儿,手动调参太费劲。不过这次咱们直接用二阶RC等效电路模型开搞,毕竟既要考虑极化效应又要平衡计算量
  • 读懂HikariCP一百行代码,多线程就是个孙子
  • SMP语言基础知识-应用系统,开发的痛点,开发者的痛点
  • 【Open-AutoGLM收益监控终极方案】:5分钟搭建实时收益提醒系统
  • 揭秘Open-AutoGLM体检数据查询机制:5步实现高效精准调用
  • Open-AutoGLM实战指南:7步搭建企业级智能会议纪要系统
  • 还在手动查收益?AutoGLM自动化查询方案让你效率提升10倍,省时又精准
  • 【Java毕设全套源码+文档】基于springboot的大学生家教兼职管理系统的设计与实现(丰富项目+远程调试+讲解+定制)
  • 从数据到决策,Open-AutoGLM如何重构车辆生命周期管理
  • 【Open-AutoGLM体检报告查询全解析】:手把手教你快速获取与解读AI健康报告
  • 社保数据天天查,你还在人工操作?Open-AutoGLM自动化方案已全面上线
  • (稀缺资源)Open-AutoGLM社保机器人部署教程:仅限内部流传的配置参数曝光
  • 2026年职场暗流:HR不会告诉你的CAIE证书真相,零基础如何破局?
  • 【高效出行必备技能】:利用Open-AutoGLM实现智能加油站实时检索
  • 为什么90%的预约系统都失败了?:Open-AutoGLM三大设计原则全公开