如何使用映射或过滤器将代码重构为Javascript ES6？

在JavaScript ES6中，映射（map）和过滤器（filter）是数组的两个非常有用的方法，它们可以让你以更声明式和函数式的方式处理数组数据。这两个方法都不会改变原始数组，而是返回一个新的数组。

映射（Map）

映射方法创建一个新数组，其结果是该数组中的每个元素都调用一个提供的函数后的返回值。

示例代码：

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

// 使用map方法将每个数字乘以2
const doubled = numbers.map(number => number * 2);

console.log(doubled); // 输出: [2, 4, 6, 8, 10]

过滤器（Filter）

过滤器方法创建一个新数组, 其包含通过所提供函数实现的测试的所有元素。

示例代码：

const numbers = [1, 2, 3, 4, 5, 6];

// 使用filter方法筛选出偶数
const evens = numbers.filter(number => number % 2 === 0);

console.log(evens); // 输出: [2, 4, 6]

重构代码

假设我们有一段代码，它使用了传统的for循环来处理数组，我们可以使用map和filter来重构它，使代码更加简洁和易读。

原始代码：

const numbers = [1, 2, 3, 4, 5, 6];
let result = [];

for (let i = 0; i < numbers.length; i++) {
  let number = numbers[i];
  if (number % 2 === 0) {
    result.push(number * 2);
  }
}

console.log(result); // 输出: [4, 8, 12]

重构后的代码：

const numbers = [1, 2, 3, 4, 5, 6];

// 先过滤出偶数，然后将每个偶数乘以2
const result = numbers.filter(number => number % 2 === 0)
                     .map(number => number * 2);

console.log(result); // 输出: [4, 8, 12]