如何从列表中跳过未定义的值并过滤反应 JS 中的其余数据 - Javascript

在 JavaScript 中，我们经常需要处理一些列表数据。有时候我们需要在列表中跳过未定义的值，而只处理已定义的值。还有时候，我们需要根据一定的条件来过滤列表中的数据。本文将会向大家介绍如何使用 JavaScript 数组方法来实现这些操作。

跳过未定义值

有时候我们会遇到一个数组中包含未定义值的情况，例如：

const arr = [1, 2, undefined, 4, undefined, 6];

如果我们想跳过未定义的值，只对已定义的值进行处理，可以使用 Array.prototype.filter() 方法：

const newArr = arr.filter(val => val !== undefined);

上面的代码会在新数组中过滤掉值为 undefined 的元素。我们也可以使用 ES6 中的箭头函数来简化代码。

过滤数据

在有些情况下，我们需要根据一定的条件来过滤列表数据。例如，我们可以过滤出数组中所有的偶数：

const arr = [1, 2, 3, 4, 5, 6];

const evenArr = arr.filter(val => val % 2 === 0);

上面的代码会在新数组中过滤出所有的偶数，也就是 [2, 4, 6]。

我们也可以使用 Array.prototype.map() 方法来实现同样的效果：

const evenArr = arr
  .map(val => val % 2 === 0 ? val : undefined)
  .filter(val => val !== undefined);

上面的代码将使用 .map() 方法来将所有偶数的值映射到数组中，然后使用 .filter() 方法来过滤数组中的 undefined 值。

结论

对于列表数据的过滤和处理，我们可以使用 Array.prototype.filter() 和 Array.prototype.map() 方法来实现。我们可以使用这些方法来跳过未定义值，或者根据条件过滤数据。