比较两个不同JSON数组中的值-js教程-PHP中文网

比较两个不同JSON数组中的值

碧海醫心

发布： 2025-07-29 18:32:01

原创

1080人浏览过

比较两个不同json数组中的值

本文旨在提供一种高效的方法，用于比较两个不同的JSON数组，并提取满足特定条件的元素。通过使用JavaScript的Set数据结构和数组迭代，我们可以快速找出在一个数组中不存在，且满足特定属性值的元素，并将它们存储到一个新的数组中。本文将提供详细的代码示例和解释，帮助读者理解和应用这种方法。

JSON数组比较与数据提取

在实际开发中，经常会遇到需要比较两个JSON数组，并根据特定条件筛选数据的场景。例如，我们有两个数组，一个包含水果列表，另一个包含食物列表。我们需要找出水果列表中，在食物列表中不存在，且deleted属性不等于"1"的水果，并将它们的信息提取出来。

示例数据

假设我们有以下两个JSON数组：

const fruits = [
  { id: '1', name: 'Apple' },
  { id: '2', name: 'Orange' },
  { id: '3', name: 'Cherry' }
];

const food = [
  { id: '1', food_name: 'Orange', deleted: "0" },
  { id: '2', food_name: 'Bread', deleted: "0" },
  { id: '3', food_name: 'Cheese', deleted: "0" },
  { id: '4', food_name: 'Apple', deleted: "1" },
  { id: '5', food_name: 'Salt', deleted: "0" }
];

登录后复制

我们的目标是找出fruits数组中，name属性在food数组的food_name属性中不存在，并且对应的food对象的deleted属性不等于"1"的元素。

实现方法

以下是一种高效的实现方法，使用JavaScript的Set数据结构来优化查找过程：

var dep_data = [];
var foodSet = new Set(food.map(item => item.food_name));

for (var j = 0; j < fruits.length; j++) {
  if (!foodSet.has(fruits[j].name) && !food.some(item => item.food_name === fruits[j].name && item.deleted === "1")) {
    dep_data.push({ id: fruits[j].id, name: fruits[j].name });
  }
}

console.log(dep_data);

登录后复制

代码解释

创建Set: 首先，我们使用food.map(item => item.food_name)将food数组中的所有food_name提取出来，然后创建一个Set对象foodSet。Set数据结构可以提供快速的查找操作，时间复杂度为O(1)。
循环遍历: 接下来，我们循环遍历fruits数组。

网龙b2b仿阿里巴巴电子商务平台
本系统经过多次升级改造，系统内核经过多次优化组合，已经具备相对比较方便快捷的个性化定制的特性，用户部署完毕以后，按照自己的运营要求，可实现快速定制会费管理，支持在线缴费和退费功能财富中心，管理会员的诚信度数据单客户多用户登录管理全部信息支持审批和排名不同的会员级别有不同的信息发布权限企业站单独生成，企业自主决定更新企业站信息留言、询价、报价统一管理，分系统查看分类信息参数化管理，支持多样分类信息，

0

查看详情
条件判断: 对于fruits数组中的每一个元素，我们首先使用!foodSet.has(fruits[j].name)判断其name属性是否在foodSet中存在。如果不存在，说明该水果不在食物列表中。然后，我们使用!food.some(item => item.food_name === fruits[j].name && item.deleted === "1")判断是否存在同名食物且deleted属性为"1"的情况。
添加元素: 如果以上两个条件都满足，说明该水果满足我们的筛选条件，我们将它的id和name属性提取出来，并添加到dep_data数组中。