JS中map()、forEach()、filter()函数

map()和forEach()是JavaScript中常用的数组方法，它们都可以用于遍历数组并对每个元素执行相应的操作。它们的区别和使用方法如下：

1. forEach()方法：

   • forEach()方法用于遍历数组的每个元素，并对每个元素执行指定的操作。
   • forEach()方法不会改变原数组，也不会返回执行结果。
   • forEach()方法接受一个回调函数作为参数，该回调函数可以接受三个参数：当前元素的值、当前元素的索引和数组本身。
   • forEach()方法没有返回值，它只是对每个元素执行指定的操作。

2. map()方法：

   • map()方法用于遍历数组的每个元素，并对每个元素执行指定的操作，并将操作的结果存储在一个新的数组中。
   • map()方法不会改变原数组，而是返回一个新的数组，该数组包含了对每个元素执行操作的结果。
   • map()方法接受一个回调函数作为参数，该回调函数可以接受三个参数：当前元素的值、当前元素的索引和数组本身。
   • map()方法返回一个新的数组，该数组包含了对每个元素执行操作的结果。

下面是使用forEach()和map()方法的示例代码：

// 使用forEach()方法
var arr = [1, 2, 3, 8, 2, 1];
arr.forEach(function(item, index, arr) {
  console.log(item * 2);
});
console.log(arr); // 输出：[1, 2, 3, 8, 2, 1]

// 使用map()方法
var arr = [1, 2, 3, 8, 2, 1];
var list = arr.map(function(item, index, arr) {
  return item * 2;
});
console.log(arr); // 输出：[1, 2, 3, 8, 2, 1]
console.log(list); // 输出：[2, 4, 6, 16, 4, 2]

3.filter()方法

filter()方法是JavaScript中的一个数组方法，用于从数组中过滤出符合特定条件的元素，并返回一个新数组。它接受一个回调函数作为参数，该回调函数用于定义过滤条件。回调函数接受三个参数：当前元素、当前索引和数组本身。如果回调函数返回true，则当前元素将被包含在新数组中，否则将被过滤掉。

以下是一个使用filter()方法的示例：

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

// 过滤出大于2的元素
const filteredNumbers = numbers.filter(function(number) {
  return number > 2;
});

console.log(filteredNumbers); // 输出：[3, 4, 5]