Lodash源码分析-union,unionBy,unionWith

lodash源码研读之union,unionBy,unionWith

一、源码地址

二、结构分析

union,unionBy,unionWith使用到了baseRest、baseUniq、baseFlatten模块,结构框图如下。

  • baseRest 模块用于处理可变参数。它接受一个函数作为参数,并返回一个新的函数,该新函数能够接受任意数量的参数,并将这些参数作为数组传递给原函数。
  • baseFlatten 模块用于扁平化数组。它将嵌套的数组结构展平到指定的深度。
  • baseUniq 模块用于从数组中去除重复的元素。它接受一个数组作为参数,并返回去重后的新数组。

三、函数介绍

下面依次介绍各个函数。

1.union函数

javascript 复制代码
      var union = baseRest(function(arrays) {
            return baseUniq(baseFlatten(arrays, 1, isArrayLikeObject, true));
        });
//例子
var result = union([1, 2, 3], [2, 3, 4], [4, 5, 6]);
// result 将是 [1, 2, 3, 4, 5, 6]

union 函数的作用是创建一个包含所有给定数组元素的全新数组,同时去除重复的元素。即并集。

2.unionBy函数

javascript 复制代码
var unionBy = baseRest(function(arrays) {
            var iteratee = last(arrays);
            if (isArrayLikeObject(iteratee)) {
                iteratee = undefined;
            }
            return baseUniq(baseFlatten(arrays, 1, isArrayLikeObject, true), getIteratee(iteratee, 2));
        });
//例子
var result = unionBy([1.1, 2.2, 3.3], [2.4, 3.5, 4.6], Math.floor);
// result 将是 [1.1, 2.2, 3.3, 4.6]

unionBy 函数的作用是创建一个包含所有给定数组元素的全新数组,同时去除重复的元素。与 union 函数不同的是,unionBy 允许你通过一个迭代器函数来定义如何判断元素是否重复。

3.unionWith函数

javascript 复制代码
var unionWith = baseRest(function(arrays) {
            var comparator = last(arrays);
            comparator = typeof comparator == 'function' ? comparator : undefined;
            return baseUniq(baseFlatten(arrays, 1, isArrayLikeObject, true), undefined, comparator);
        });

unionWith 函数的作用是创建一个包含所有给定数组元素的全新数组,同时去除重复的元素。与 union 和 unionBy 不同的是,unionWith 允许你通过一个比较器函数(comparator)来定义如何判断元素是否重复。

四、总结

union,unionBy,unionWith函数,是用来求多个数组的并集。其中unionBy可以接收迭代器,unionWith可以接收比较器。

相关推荐
文心快码BaiduComate12 分钟前
百度云与光本位签署战略合作:用AI Agent 重构芯片研发流程
前端·人工智能·架构
闲云一鹤42 分钟前
nginx 快速入门教程 - 写给前端的你
前端·nginx·前端工程化
QCY1 小时前
「完全理解」1 分钟实现自己的 Coding Agent
前端·agent·claude
一拳不是超人2 小时前
Electron主窗口弹框被WebContentView遮挡?独立WebContentView弹框方案详解!
前端·javascript·electron
anyup2 小时前
🔥2026最推荐的跨平台方案:H5/小程序/App/鸿蒙,一套代码搞定
前端·uni-app·harmonyos
雮尘2 小时前
如何在非 Claude IDE (TARE、 Cursor、Antigravity 等)下使用 Agent Skills
前端·agent·ai编程
icebreaker2 小时前
Weapp-vite:原生模式之外,多一种 Vue SFC 选择
前端·vue.js·微信小程序
icebreaker2 小时前
重走 Vue 长征路 Weapp-vite:编译链路与 Wevu 运行时原理拆解
前端·vue.js·微信小程序
wuhen_n2 小时前
代码生成:从AST到render函数
前端·javascript·vue.js
Lee川2 小时前
从异步迷雾到优雅流程:JavaScript异步编程与内存管理的现代化之旅
javascript·面试