数组映射限制 JavaScript

在 JavaScript 中，数组映射是一个有用的函数，它允许你将一个数组中的每个元素映射到一个新数组，并对它们进行转换。然而，有时候你需要限制映射的数组元素，这时候该怎么做呢？

限制映射的数组元素

假设有一个原始数组如下：

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

我们可以使用 map 函数将其转换为一个新数组：

const newArray = originalArray.map((item) => item * 2);
console.log(newArray); // [2, 4, 6, 8, 10]

现在我们要限制映射的数组元素，只在元素值大于 3 的时候进行转换，我们可以使用 filter 函数先过滤出符合条件的数组元素，然后再进行映射转换：

const newArray = originalArray
  .filter((item) => item > 3)
  .map((item) => item * 2);
console.log(newArray); // [8, 10]

限制映射的数组元素数量

另外一种常见的场景是限制映射的数组元素数量。假设我们需要将一个大数组转换为一个小数组，只包含前面 3 个元素，我们可以使用 slice 函数截取数组前面的元素，然后进行映射转换：

const originalArray = [1, 2, 3, 4, 5];
const newArray = originalArray
  .slice(0, 3)
  .map((item) => item * 2);
console.log(newArray); // [2, 4, 6]

总结

通过 filter 函数和 slice 函数的使用，我们可以轻松地限制数组映射的元素和数量。这两个函数不仅能够方便地操作数组，也可以提高代码的可读性和性能。

代码片段

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

const newArray1 = originalArray
  .filter((item) => item > 3)
  .map((item) => item * 2);
console.log(newArray1); // [8, 10]

const newArray2 = originalArray
  .slice(0, 3)
  .map((item) => item * 2);
console.log(newArray2); // [2, 4, 6]