获取另一个数组中的数组元素 - JavaScript

在 JavaScript 中，有时候我们需要从一个数组中获取另一个数组的元素。这种操作可以通过循环遍历数组来实现，但是会显得比较繁琐。在本文中，我们将介绍几种简单快捷的方法来获取另一个数组中的数组元素。

方法一：filter() 方法

filter() 方法用于过滤数组元素，它传入一个回调函数，该函数返回值为 true 的元素将会被保留，否则被删除。

如果我们将第二个数组作为参数传入 filter() 方法，就可以快速的获取第一个数组中包含在第二个数组中的元素。

const arr1 = [1, 2, 3, 4];
const arr2 = [3, 4, 5, 6];
const result = arr1.filter(item => arr2.includes(item));
console.log(result);    // [3, 4]

以上代码中，filter() 方法中的回调函数使用了 includes() 方法判断第二个数组是否包含当前元素。

方法二：map() 和 filter() 方法组合使用

我们可以结合使用 map() 和 filter() 方法来达到同样的效果。在使用 map() 方法时，我们可以为数组元素创建一个新的数组，然后再使用 filter() 方法过滤掉第二个数组不存在的元素。

const arr1 = [1, 2, 3, 4];
const arr2 = [3, 4, 5, 6];
const result = arr1.map(item => arr2.includes(item) ? item : null).filter(item => item !== null);
console.log(result);    // [3, 4]

以上代码中，map() 方法将数组中第二个数组不存在的元素转化为 null，然后使用 filter() 方法过滤掉 null 元素，返回组合所得的新数组。

方法三：Set 和 filter() 方法组合使用

ES6 引入了 Set 对象，它对于去重和包含性检查有着非常高效的实现。利用 Set 对象，我们可以很容易地实现第一个数组包含在第二个数组中的元素的过滤。

const arr1 = [1, 2, 3, 4];
const arr2 = [3, 4, 5, 6];
const set1 = new Set(arr1);
const set2 = new Set(arr2);
const result = [...set1].filter(item => set2.has(item));
console.log(result);    // [3, 4]

以上代码中，我们利用 Set 对象构造器将第一个数组和第二个数组转换为 Set 对象，然后通过 has() 方法检测两个 Set 对象中是否存在相同的元素。最后使用展开运算符将 Set 对象转换为数组，并将结果保存在 result 变量中。

总结

以上介绍了三种获取另一个数组中的数组元素的方法，通过使用 filter() 方法，map() 和 filter() 方法的组合，以及 Set 和 filter() 方法的组合，我们可以快速地获得一个数组中在另一个数组中存在的元素。这些方法不仅十分便捷，而且在处理大型数组时还可以大大提升处理效率。