面试题：JavaScript中高阶函数如何提高代码复用率 - 基础应用

Question

请举例说明如何使用JavaScript中的`map`函数提高代码复用率。假设你有一个数组`[1, 2, 3, 4]`，需要将数组中的每个元素都乘以2，用`map`函数实现，并解释为什么这提高了代码复用率。

Answer 1

const arr = [1, 2, 3, 4];
const newArr = arr.map(num => num * 2);
console.log(newArr);

解释为什么提高了代码复用率

1. 抽象操作：map函数将“对数组每个元素执行特定操作”这一行为抽象出来。无论数组内容如何，只要需要对每个元素进行相同操作，都可以使用map。例如，若有一个数组[5, 6, 7]同样需要每个元素乘以2，只需把这个新数组传入map函数，无需重写循环及乘法操作的代码。
2. 可组合性：map返回一个新数组，这使得它很容易与其他数组方法（如filter、reduce）组合使用。例如，先map乘以2，再filter筛选出大于10的元素，这种组合无需为每个步骤都单独编写复杂的循环逻辑，提高了代码复用性和整体的简洁性。