数组常用方法实现：map、forEach和reduce的模仿实现

2023-09-08 06:15:59

前言：面试官问

在面试中，经常会被问到一些关于数组的题目，其中模拟实现数组方法就是其中之一。这些题目一般不会很难，但需要对数组和函数式编程有一些了解才能回答。

map方法的模拟实现

map方法可以对数组中的每个元素进行迭代操作，并返回一个由迭代操作的结果组成的数组。我们可以通过以下步骤来模拟实现map方法：

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

forEach方法的模拟实现

forEach方法可以对数组中的每个元素进行迭代操作，但它不会返回任何值。我们可以通过以下步骤来模拟实现forEach方法：

function forEach(array, callback) {
  for (let i = 0; i < array.length; i++) {
    callback(array[i], i, array);
  }
}

reduce方法的模拟实现

reduce方法可以对数组中的元素进行迭代操作，并返回一个累积值。我们可以通过以下步骤来模拟实现reduce方法：

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

示例

我们可以通过以下示例来测试这些模拟实现的方法：

const array = [1, 2, 3, 4, 5];

// map方法的模拟实现
const doubledArray = map(array, (element) => element * 2);
console.log(doubledArray); // [2, 4, 6, 8, 10]

// forEach方法的模拟实现
forEach(array, (element) => {
  console.log(element);
}); // 1, 2, 3, 4, 5

// reduce方法的模拟实现
const sum = reduce(array, (accumulator, element) => accumulator + element, 0);
console.log(sum); // 15