如何跳过 .map() 中的元素？

在使用 .map() 方法进行数组遍历时，有时我们需要跳过一些元素，而不是将它们转换为新的值。本文将介绍如何在 .map() 中跳过元素。

方法一：使用条件语句

通过使用条件语句可以满足我们跳过数组中特定元素的需求。

下面是一个示例，我们需要跳过数组中值为 "skip" 的元素：

const arr = ['apple', 'orange', 'banana', 'skip', 'peach'];

const result = arr.map(item => {
  if (item === 'skip') {
    return null; // 跳过，返回 null
  }
  return item.toUpperCase(); // 转换为大写字母
});

console.log(result);
// 输出：[ 'APPLE', 'ORANGE', 'BANANA', null, 'PEACH' ]

在这个例子中，我们使用了一个条件语句来检查当前元素是否为 "skip"。如果是，则返回 null，否则将元素转换为大写字母。

方法二：使用 .filter()

我们也可以使用 .filter() 方法来去除数组中特定的元素，然后再使用 .map() 方法转换剩余的元素。

下面是一个示例，我们需要跳过数组中值为 "skip" 的元素：

const arr = ['apple', 'orange', 'banana', 'skip', 'peach'];

const result = arr
  .filter(item => item !== 'skip') // 去除值为 "skip" 的元素
  .map(item => item.toUpperCase()); // 转换为大写字母

console.log(result);
// 输出：[ 'APPLE', 'ORANGE', 'BANANA', 'PEACH' ]

在这个例子中，我们使用了 .filter() 方法去除了数组中值为 "skip" 的元素，然后再使用 .map() 方法将剩余的元素转换为大写字母。

结论

以上就是在 .map() 中跳过元素的两种方法。使用条件语句可以在转换过程中跳过元素，而使用 .filter() 方法则可以去除不需要的元素，然后再进行转换。具体使用哪种方法取决于不同的场景和需求。