从另一个数组返回数组的元素 JavaScript

在 JavaScript 中，有时候我们需要从另一个数组中返回符合条件的数组元素。这可以通过循环和条件判断来实现，但有时可能需要更为简洁和直接的方法。

以下是两种从另一个数组返回数组元素的方法，一个使用 Array.prototype.filter() 方法，另一个使用 Array.prototype.map() 方法。

使用 filter() 方法

Array.prototype.filter() 方法接受一个回调函数作为参数，该回调函数应返回一个布尔值，表示该元素是否包含在新数组中。如果回调函数返回 true，则该元素将包含在新数组中，否则将被过滤。例如，我们可以使用 filter() 方法从一个数组中返回所有大于 5 的元素：

const numbers = [1, 3, 6, 8, 2, 9, 4, 7];
const filtered = numbers.filter(num => num > 5);
// filtered = [6, 8, 9, 7]

在这个例子中，回调函数 (num => num > 5) 返回一个布尔值，表示该元素是否应包含在新数组中。由于大于 5 的元素的布尔值为 true，因此它们都包含在 filtered 数组中。

使用 map() 方法

Array.prototype.map() 方法接受一个回调函数作为参数，该回调函数应返回一个新值，该值将成为新数组中的相应元素。例如，我们可以使用 map() 方法从一个数组中返回所有元素的平方：

const numbers = [1, 3, 6, 8, 2, 9, 4, 7];
const squares = numbers.map(num => num * num);
// squares = [1, 9, 36, 64, 4, 81, 16, 49]

在这个例子中，回调函数 (num => num * num) 返回一个新值，该新值是该元素的平方。

结论

以上是两种从另一个数组返回数组元素的方法。使用 filter() 方法可以很方便地返回符合条件的数组元素，而使用 map() 方法则可以返回根据数组元素生成的新值。在编写 JavaScript 代码时，同样可以使用这些方法来简化代码，提高效率。