vue+js 从一个数组中删除在另一个数组中已存在对象；

最新推荐文章于 2024-03-22 11:48:11 发布

onlylele

最新推荐文章于 2024-03-22 11:48:11 发布

阅读量3.8k

点赞数 4

分类专栏： vue 技巧

本文链接：https://blog.csdn.net/onlylele/article/details/103361204

版权

这篇博客探讨了如何在Vue.js和JavaScript中，基于一个数组中的元素，有效地删除另一个数组中包含的对象，以及如何从对象数组中移除存在于另一数组的对象。

摘要由CSDN通过智能技术生成

数组，对象常用的删除方法：

1、根据一个数组元素,删除另一个数组中的对象；

var a = [{ id: 15 }, { id: -1 }, { id: 0 }, { id: 3 }, { id: 12.2 }];
var b = [15, 3];
a = a.filter(function (item) {
    return b.indexOf(item.id) < 0;
})

console.log(a);

2、一个对象组成的数组中删除另一个数组存在的对象；

 //模拟数据：
      	let arr1 = [
          { code: "123456781",color: "红色"},
          { code: "123456783",color: "黑色"},
          { code: "123456785",color: "白色"}
        ];
        let arr2 = [
          { code: "123456781",color: "红色"},
          { code: "123456782",color: "绿色"},
          { code: "123456783",color: "黑色"},
          { code: "123456784",color: "咖色"},
          { code: "123456785",color: "白色"},
          { code: "12