javascript数组中的map方法和filter方法

当我们需要对JavaScript数组中的元素进行一些操作时，可以使用JavaScript数组提供的map和filter两种方法。

map方法

map方法允许我们“映射”数组中的每个元素，将其转换为另一个值，并返回一个新的数组，该数组包含映射后的值。

语法

arr.map(callback(currentValue[, index[, array]])[, thisArg])

其中，callback为一个函数，它可以接收三个参数：

• currentValue：当前正在处理的元素
• index（可选）：当前处理的元素的索引
• array（可选）：调用了map方法的数组

而callback函数需要返回新的数组元素，将该元素添加到一个新的数组中。

示例

假设有一个数组，我们想要将其每个元素都翻倍。使用map方法，只需这样做：

let originalArray = [1, 2, 3];
let doubledArray = originalArray.map(function(element) {
  return element * 2;
});
console.log(doubledArray); // [2, 4, 6]

也可以使用箭头函数进一步简化：

let originalArray = [1, 2, 3];
let doubledArray = originalArray.map(element => element * 2);
console.log(doubledArray); // [2, 4, 6]

filter方法

filter方法允许我们过滤数组中的元素，只留下符合条件的元素，并返回一个新的数组，该数组只包含符合条件的元素。

语法

arr.filter(callback(currentValue[, index[, array]])[, thisArg])

其中，callback为一个函数，它可以接收三个参数：

• currentValue：当前正在处理的元素
• index（可选）：当前处理的元素的索引
• array（可选）：调用了filter方法的数组

而callback函数需要返回一个布尔值，表示当前元素是否符合条件，如果返回true，则当前元素会被留下，否则会被过滤掉。

示例

假设有一个数组，我们想要只留下其中的偶数。使用filter方法，只需这样做：

let originalArray = [1, 2, 3, 4, 5, 6];
let evenArray = originalArray.filter(function(element) {
  return element % 2 === 0;
});
console.log(evenArray); // [2, 4, 6]

同样也可以使用箭头函数进一步简化：

let originalArray = [1, 2, 3, 4, 5, 6];
let evenArray = originalArray.filter(element => element % 2 === 0);
console.log(evenArray); // [2, 4, 6]

以上就是JavaScript数组中的map方法和filter方法的介绍和使用示例了。如果你想要进一步了解其他JavaScript数组方法，可以查看MDN文档。