每日源码分析 - Lodash(remove.js)

本系列使用 lodash 4.17.4版本

源码分析不包括引用文件分析

一、源码

import basePullAt from './.internal/basePullAt.js'

/**
 * Removes all elements from `array` that `predicate` returns truthy for
 * and returns an array of the removed elements. The predicate is invoked
 * with three arguments: (value, index, array).
 *
 * **Note:** Unlike `filter`, this method mutates `array`. Use `pull`
 * to pull elements from an array by value.
 *
 * @since 2.0.0
 * @category Array
 * @param {Array} array The array to modify.
 * @param {Function} predicate The function invoked per iteration.
 * @returns {Array} Returns the new array of removed elements.
 * @see pull, pullAll, pullAllBy, pullAllWith, pullAt, reject, filter
 * @example
 *
 * const array = [1, 2, 3, 4]
 * const evens = remove(array, n => n % 2 == 0)
 *
 * console.log(array)
 * // => [1, 3]
 *
 * console.log(evens)
 * // => [2, 4]
 */
function remove(array, predicate) {
  const result = []
  if (!(array != null && array.length)) {
    return result
  }
  let index = -1
  const indexes = []
  const { length } = array

  while (++index < length) {
    const value = array[index]
    if (predicate(value, index, array)) {
      result.push(value)
      indexes.push(index)
    }
  }
  basePullAt(array, indexes)
  return result
}

export default remove
复制代码

二、函数作用

函数引用示例：

var _= require('lodash');

//using remove.js
const array = [1, 2, 3, 4]

const evens = _.remove(array, n => n % 2 == 0)

console.log(array)
// => [1, 3]

console.log(evens)
// => [2, 4]
复制代码

从上面的例子可以看出：

• remove 函数共有两个参数，即 array 和 predicate 。

• array 参数传入的是一个数组，predicate 传入的是一个函数。

• remove函数 的返回结果就是经 predicate 处理后为真的元素组成的数组，即被移除的元素组成的新数组。

• 被相应移除元素后，array 数组由剩下的元素组成。

三、函数工作原理

1. 判断参数合法性, 若数组 array 为空，则返回空数组 result；

   if (!(array != null && array.length)) {
       return result
   复制代码

} ```

2. 遍历数组；

while (++index < length) {
    const value = array[index]
    if (predicate(value, index, array)) {
      result.push(value)
      indexes.push(index)
    }
  }
复制代码

• 把由 predicate 过滤为真值的元素放入新数组 result 中；

• 把遍历的索引 index 放入 indexs 中；

3. 移除数组在 indexs 中对应索引的元素，并返回这些元素.

basePullAt(array, indexes)
复制代码

本文章来源于午安煎饼计划Web组 - 初见

相关链接：

每日源码分析 – lodash(chunk.js)

每日源码分析 – lodash(slice.js)

每日源码分析 - lodash(debounce.js和throttle.js)

每日源码分析-Lodash（drop.js）