揭秘手写数组的 filter map reduce 方法，揭开函数式编程的神秘面纱

2023-09-03 07:26:57

绪论：函数式编程的魅力

在计算机科学领域，函数式编程是一种备受欢迎的编程范式，它强调使用纯函数来处理数据，并通过组合这些函数来构建复杂的操作。函数式编程具有许多优点，包括代码的可读性、可维护性和可测试性，因此在各种场景中得到了广泛的应用。

手写 filter 方法：从基础开始

filter 方法用于从数组中筛选出满足特定条件的元素，并返回一个新的数组。我们可以通过以下步骤手动实现 filter 方法：

接受一个数组和一个回调函数作为参数。
初始化一个新数组来存储筛选后的元素。
遍历原数组的每个元素。
将每个元素作为参数传递给回调函数。
如果回调函数返回 true，则将该元素添加到新数组中。
返回新数组。

让我们通过一个简单的例子来理解 filter 方法的实现：

function filter(arr, callback) {
  const newArr = [];
  for (let i = 0; i < arr.length; i++) {
    if (callback(arr[i])) {
      newArr.push(arr[i]);
    }
  }
  return newArr;
}

const numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

const evenNumbers = filter(numbers, (num) => num % 2 === 0);

console.log(evenNumbers); // [2, 4, 6, 8, 10]

手写 map 方法：数据转换的利器

map 方法用于将数组中的每个元素都应用一个指定的函数，并返回一个新的数组。我们可以通过以下步骤手动实现 map 方法：

接受一个数组和一个回调函数作为参数。
初始化一个新数组来存储转换后的元素。
遍历原数组的每个元素。
将每个元素作为参数传递给回调函数。
将回调函数的返回值添加到新数组中。
返回新数组。

让我们通过一个简单的例子来理解 map 方法的实现：

function map(arr, callback) {
  const newArr = [];
  for (let i = 0; i < arr.length; i++) {
    newArr.push(callback(arr[i]));
  }
  return newArr;
}

const numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

const squaredNumbers = map(numbers, (num) => num * num);

console.log(squaredNumbers); // [1, 4, 9, 16, 25, 36, 49, 64, 81, 100]

手写 reduce 方法：聚合数据的强大工具

reduce 方法用于将数组中的所有元素聚合为一个单一的值。我们可以通过以下步骤手动实现 reduce 方法：

接受一个数组、一个回调函数和一个初始值作为参数。
将初始值赋给累加器变量。
遍历原数组的每个元素。
将累加器变量和当前元素作为参数传递给回调函数。
将回调函数的返回值赋给累加器变量。
返回累加器变量。

让我们通过一个简单的例子来理解 reduce 方法的实现：

function reduce(arr, callback, initialValue) {
  let accumulator = initialValue;
  for (let i = 0; i < arr.length; i++) {
    accumulator = callback(accumulator, arr[i]);
  }
  return accumulator;
}

const numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

const sum = reduce(numbers, (acc, num) => acc + num, 0);

console.log(sum); // 55