_.difference()、 _.differenceBy()、 _.differenceWith()
为何将_.difference()
、_.differenceBy()
、_.differenceWith()
三个方法放在一起分析呢?因为它们的内部都是基于baseDifference()
方法进行处理,只不过是传入baseDifference()
的参数不同罢了。
下面是difference.js、differenceBy.js、differenceWith.js文件的内容:
// difference.js
function difference(array, ...values) {
// 判断array是否是个类数组对象,如果是,则调用baseDifference方法处理,如果不是,则返回空数组
// 在调用baseDifference处理前,通过调用baseFatten方法将传入的values扁平化处理,关于baseFlatten扁平化处理的方法可见baseFlatten源码解析
// 从baseFlatten传入的参数可知:扁平化处理的层级为1,遍历values数组中的元素时每次都会调用isArrayLikeObject方法判断元素是否是类数组对象,且是严格模式下扁平化处理
// baseDifference方法的比较可见baseDifference源码解析
return isArrayLikeObject(array)
? baseDifference(array, baseFlatten(values, 1, isArrayLikeObject, true))
: []
}
// differenceBy.js
function differenceBy(array, ...values) {
// 取values数组中的最后一个元素为迭代器iteratee
let iteratee = last(values)
// 如果迭代器iteratee是个类数组对象,则迭代器iteratee为undefined
if (isArrayLikeObject(iteratee)) {
iteratee = undefined
}
// 如果array是类数组,则调用baseDifference方法,baseDifference参数为array、扁平化处理的values以及迭代器iteratee函数,否则返回空数组
// 这块可能会有个疑问,就是如果values数组的最后一个元素为迭代器iteratee函数,那么在扁平化的时候是不是把这个函数也扁平化进去?答案是no,baseFlatten中第三个参数就是帮我们将非类数组类型的元素过滤掉
return isArrayLikeObject(array)
? baseDifference(array, baseFlatten(values, 1, isArrayLikeObject, true), iteratee)