【JS】js 过滤两个数组中，相同的项

原创已于 2025-07-03 23:15:30 修改 · 7.8k 阅读

11 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#javascript #前端 #开发语言

收录于

于 2022-11-09 19:56:28 首次发布

JavaScript 专栏收录该内容

21 篇文章

订阅专栏

本文介绍了使用 JavaScript 过滤两个数组中相同项的方法。一是使用 filter 和 indexOf 方法，可得到交集和相同项的数组，需注意比较的两个类型要相同；二是使用 filter 和 includes 方法，同样能得到交集和相同项的数组。更多情景正在更新。

1、使用 filter 和 indexO f方法

filter 过滤两个数组中相同的项，得到交集
indexOf 过滤两个数组中相同的项，得到相同项的数组

注意 indexOf 方法需要比较的两个类型相同才可以

      let arr1 = [1, 2, 3, 4, 5, 6, 7, 8, 9];
      let arr2 = [1, 2, 3, 4, 5, 6, 7];
      filterHasSameArr = (arr1, arr2) => {
        return arr1.filter((item) => {
          if (arr2.indexOf(item) < 0) {
            return item;
          }
        });
      };
      console.log(filterHasSameArr(arr1, arr2));  // [8,9]

2.使用 filter 和 includes 方法

filter 过滤两个数组中相同的项，得到交集
includes 过滤两个数组中相同的项，得到相同项的数组

      let arr1 = [1, 2, 3, 4, 5, 6, 7, 8, 9];
      let arr2 = [1, 2, 3, 4, 5, 6, 7];
      filterHasSameArr = (arr1, arr2) => {
        let arr = arr1.filter((item) => !arr2.includes(item));
        return arr;
      };
      console.log(filterHasSameArr(arr1, arr2)); // [8,9]

如有不同见解，欢迎讨论，更多情景，正在更新中。。。。。。

关注博主即可阅读全文