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方法对数组切除。
