JavaScript 数组常见操作技巧 (二)

下文将为您详细讲解“JavaScript 数组常见操作技巧 (二)”的完整攻略。

一、Array.prototype.map()

map()方法将数组中的每个元素映射为一个新的元素，最终返回一个映射后的新数组，并不会影响原数组的元素。该方法接收一个回调函数作为参数，回调函数接受三个参数（当前元素的值，当前元素的索引和原数组），并返回一个新值。

下面是一个示例：

const numbers = [1, 2, 3, 4, 5];
const doubleNumbers = numbers.map(function(number) {
  return number * 2;
});
console.log(doubleNumbers); // [2, 4, 6, 8, 10]

该示例中，我们将numbers数组中的每一个元素都乘以2，然后将它们保存在新数组doubleNumbers中。最终，我们打印出了doubleNumbers数组。可以看到，doubleNumbers中保存的是原数组中的每个元素乘以2的结果。

二、Array.prototype.filter()

filter()方法会返回一个新的数组，新数组中只包含满足指定条件的元素。该方法接收一个回调函数作为参数，回调函数接受三个参数（当前元素的值，当前元素的索引和原数组），并返回一个布尔值。

下面是一个示例：

const numbers = [1, 2, 3, 4, 5];
const oddNumbers = numbers.filter(function(number) {
  return number % 2 !== 0;
});
console.log(oddNumbers); // [1, 3, 5]

该示例中，我们使用filter()方法从numbers数组中筛选出所有的奇数，并将它们保存在新数组oddNumbers中。最终，我们打印出了oddNumbers数组。可以看到，oddNumbers中保存的是原数组中的所有奇数。

三、总结

在JavaScript中，数组是一种非常有用的数据结构，其中包含了各种各样的操作和方法。除了上述的map()和filter()方法之外，还有许多其他有用的数组方法，如reduce()、slice()和splice()等。了解和掌握这些方法可以帮助我们更好地操作数组，从而让我们的代码更加高效和优雅。