js去掉两个数组相同的元素

原创于 2023-02-16 15:51:16 发布 · 398 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #开发语言

文章展示了如何在JavaScript中利用some和filter方法从一个数组中移除另一个数组中存在的相同元素。示例包括数字数组以及包含对象的数组，通过map和includes方法处理对象属性进行比较。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

通过some在对方数组中查找相同的元素，在自身数组中通过filter去掉该元素

const arr1 = [1, 2, 3, 56]
const arr2 = [1, 2, 3, 780]
const res = arr2.filter(item1 => !arr1.some(item2 => item2 === item1))
console.log(res); // [780]

arr2 与 arr1相同的元素有 1,2,3 ，res的结果就是 780

const res2 = arr1.filter(item1 => !arr2.some(item2 => item2 === item1))
console.log(res2); // [56]

map+filter+includes

 let arr1 = [
   {id:1,name:'小明',age:18},
   {id:2,name:'小红',age:16},
   {id:4,name:'小紫',age:22},
   {id:5,name:'小绿',age:20},
 ]
let arr2 =[
   {id:2,sex:'女'},
   {id:5,sex:'男'},
 ]
 
let getId = arr2.map(item=>item.id)
let newArr2 = arr1.filter(item=>!getId.includes(item.id))