每天一个lodash方法（3）

Array method 系列之三——移除（drop）
移除共四个方法，drop、dropRight、dropRightWhile、dropWhile。

• drop移除数组array左边n个元素
• dropRight移除数组array右边n个元素
• dropWhile从左到右按照predict筛选谓词对数组元素进行移除，当predict返回为false时，移除结束。
  -dropRightWhile类似于dropWhile，不同的是dropEightWhile从右至左进行元素移除。

以下是源码。

drop

// 注释
功能：移除array的左边个元素
@param {Array} array The array to query.  // 数组
@param {number} [n=1] The number of elements to drop. // 需要移除的元素个数，默认为1。
@returns {Array} Returns the slice of `array`. // 返回结果数组
@example
drop([1, 2, 3]) => [2, 3]
drop([1, 2, 3], 2) => [3]
drop([1, 2, 3], 5) => []
drop([1, 2, 3], 0) => [1, 2, 3]
// 源码
function drop(array, n=1) {
  const length = array == null ? 0 : array.length
  // 判断数组长度，在数组不为空的情况下，对数组进行slice切割，否则返回空数组。
  return length
    ? slice(array, n < 0 ? 0 : n, length)
    : []
}

移除数组的左边n个元素，得到的数组下标为n~length-1，执行slice方法。

dropRight

dropRight和drop类似，不同的是dropRight从右边进行去除，去除右边n个元素，得到的结果数组下标为0~length-n。

function dropRight(array, n=1) {
  const length = array == null ? 0 : array.length
  // slice方法对end为负数时进行了处理：当end<0时，end+=length
  return length ? slice(array, 0, n < 0 ? 0 : -n) : []
}

dropWhile && dropRightWhile

dropWhile从左到右对数组array按照判定谓词predict进行元素移除，当predict返回为false时。元素移除结束。dropRightWhile与dropWhile功能类似，唯一的不同之处在于dropRightWhile的移除方向是从右向左。

function dropWhile(array, predicate) {
  return (array != null && array.length)
    ? baseWhile(array, predicate, true)
    : []
}
function dropRightWhile(array, predicate) {
  return (array != null && array.length)
    ? baseWhile(array, predicate, true, true)
    : []
}

两个方法的实现几乎一样，其核心源码都是baseWhile方法的实现。有一点不同的是，dropRightWhile在传参时多传了一个参数fromRight=true，意味着切除方向是从右向左。

以下是baseWhile源码。

function baseWhile(array, predicate, isDrop, fromRight) {
  const { length } = array
  let index = fromRight ? length : -1

 // 确定要删除的元素的结束位置。
  while ((fromRight ? index-- : ++index < length) &&
    predicate(array[index], index, array)) {}

// 移除，得到结果数组
  return isDrop
    ? slice(array, (fromRight ? 0 : index), (fromRight ? index + 1 : length))
    : slice(array, (fromRight ? index + 1 : 0), (fromRight ? length : index))
}

从源码中可以看出，baseWhile的实现思路是通过对元素逐个进行谓词判断，当谓词返回为false时判断结束，记录下此刻元素的位置。该位置即进行元素切除的终点。然后执行slice方法对数组切除。