登录
首页 >  文章 >  前端

数组合并:保留结构,去重追加新项

时间:2026-01-10 23:27:47 198浏览 收藏

IT行业相对于一般传统行业,发展更新速度更快,一旦停止了学习,很快就会被行业所淘汰。所以我们需要踏踏实实的不断学习,精进自己的技术,尤其是初学者。今天golang学习网给大家整理了《数组合并:保留结构,剔除冗余,追加新项》,聊聊,我们一起来看看吧!

实现数组按替换逻辑合并:保留目标数组结构,剔除原数组中多余项并追加新元素

该教程详解如何通过简洁的 JavaScript 逻辑实现“以替换数组为准”的数组合并——即完全采用替换数组的元素顺序与内容,自动丢弃原数组中不存在于替换数组的值,同时不引入重复项。本质上等价于直接赋值或原地替换。

在实际开发中,有时我们并不需要传统意义上的“合并”(如并集、交集或深合并),而是希望以新数组为权威源,对原数组进行精准同步:保留新数组中的所有元素(含新增项),同时移除原数组中那些未出现在新数组里的“过期项”。根据问题描述的四条规则:

  • ✅ 剔除原数组中有、但替换数组中没有的值(如 2)
  • ✅ 保留替换数组中所有值(如 1, 5, 3, 4)
  • ✅ 不添加重复项(因 replacingArray 本身无重复,且结果直接取其去重后形态)
  • ✅ 支持不同长度数组

你会发现:最终结果恒等于 replacingArray 的浅拷贝。因为所有“应保留”和“应添加”的元素已完整存在于 replacingArray 中,而“应删除”的元素(如 2)在 replacingArray 中本就不存在——因此无需任何过滤或查找操作。

✅ 最简实现(推荐)

function merge(originalArray, replacingArray) {
  return [...replacingArray];
}

// 示例使用
const originalArray = [1, 2, 3];
const replacingArray = [1, 5, 3, 4];
const result = merge(originalArray, replacingArray);
console.log(result); // [1, 5, 3, 4]

? 提示:此方案时间复杂度为 O(n)(n 为 replacingArray.length),空间复杂度也为 O(n),性能最优,语义最清晰。

? 原地修改版本(若需复用原数组引用)

若业务要求必须复用 originalArray 的内存地址(例如被其他代码持有引用),可使用 splice 实现原地替换:

function mergeInPlace(originalArray, replacingArray) {
  originalArray.splice(0, originalArray.length, ...replacingArray);
  return originalArray;
}

// 示例
const arr = [1, 2, 3];
mergeInPlace(arr, [1, 5, 3, 4]);
console.log(arr); // [1, 5, 3, 4]

⚠️ 注意事项

  • 不处理嵌套/对象比较:本方案基于严格相等(===),适用于原始值(数字、字符串、布尔值)。若数组含对象,需改用基于 id 或其他唯一键的深合并逻辑。
  • 不自动去重 replacingArray:若 replacingArray 自身含重复项(如 [1, 1, 5]),结果也会保留重复。如需强制唯一,可预处理:
    function mergeUnique(originalArray, replacingArray) {
      return [...new Set(replacingArray)];
    }
  • 无副作用原则:纯函数版本(首推)不修改输入,符合函数式编程习惯,更易测试与维护。

✅ 总结

所谓“智能合并”,在此场景下实为一次语义明确的替换操作。避免过度设计(如遍历原数组 + includes() 判断),既提升性能,又增强代码可读性与可维护性。牢记:最优雅的解决方案,往往就是最直白的那个。

今天关于《数组合并:保留结构,去重追加新项》的内容就介绍到这里了,是不是学起来一目了然!想要了解更多关于的内容请关注golang学习网公众号!

前往漫画官网入口并下载 ➜
相关阅读
更多>
最新阅读
更多>
课程推荐
更多>