JavaScript 中比较两个 JSON 数组并提取差异数据

本文介绍了如何使用 JavaScript 比较两个 JSON 数组，并提取出在一个数组中不存在，且满足特定条件的数据。通过示例代码，详细展示了如何利用 Set 数据结构和数组遍历高效地实现这一功能，并提供了代码示例和注意事项。

比较两个 JSON 数组并提取差异数据

在 JavaScript 开发中，经常会遇到需要比较两个 JSON 数组，并根据特定条件提取差异数据的场景。例如，我们需要找出在一个数组中不存在，且满足特定条件（例如，deleted 字段不等于 "1"）的元素。本文将介绍如何使用 Set 数据结构和数组遍历高效地实现这一功能。

示例场景

假设我们有两个 JSON 数组：fruits 和 food。fruits 数组包含水果的 id 和 name，food 数组包含食物的 id、food_name 和 deleted 字段。我们需要找出 fruits 数组中，name 不存在于 food 数组的 food_name 中，并且 food 数组中 deleted 字段不等于 "1" 的水果信息。

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" }
];

实现步骤

1. 创建 food_name 的 Set 集合：

   立即学习“Java免费学习笔记（深入）”；

   为了提高查找效率，我们将 food 数组中的 food_name 提取出来，并存储到一个 Set 集合中。Set 集合具有快速查找的特性，可以有效地判断某个元素是否存在。

   

   标书对比王

   标书对比王是一款标书查重工具，支持多份投标文件两两相互比对，重复内容高亮标记，可快速定位重复内容原文所在位置，并可导出比对报告。

   58

   查看详情

   const foodSet = new Set(food.map(item => item.food_name));

   登录后复制

2. 遍历 fruits 数组：

   我们使用 for 循环遍历 fruits 数组，对每个水果进行判断。

   let dep_data = [];
   for (let i = 0; i < fruits.length; i++) {
     // ...
   }

   登录后复制

3. 判断水果是否存在于 food 数组中，并满足 deleted 条件：

   对于每个水果，我们使用 foodSet.has(fruits[i].name) 判断其 name 是否存在于 foodSet 集合中。如果不存在，并且 food 数组中没有对应的 food_name 且 deleted 不等于 "1"，则将该水果的信息添加到结果数组 dep_data 中。

   let dep_data = [];
   for (let i = 0; i < fruits.length; i++) {
       const fruitName = fruits[i].name;
       const foodItem = food.find(item => item.food_name === fruitName);
   
       if (!foodSet.has(fruitName) || (foodItem && foodItem.deleted === "1")) {
           dep_data.push({ id: fruits[i].id, name: fruitName });
       }
   }

   登录后复制

完整代码示例

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" }
];

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

for (let i = 0; i < fruits.length; i++) {
    const fruitName = fruits[i].name;
    const foodItem = food.find(item => item.food_name === fruitName);

    if (!foodSet.has(fruitName) || (foodItem && foodItem.deleted === "1")) {
        dep_data.push({ id: fruits[i].id, name: fruitName });
    }
}

console.log(dep_data); // 输出: [ { id: '3', name: 'Cherry' } ]

总结

通过使用 Set 数据结构和数组遍历，我们可以高效地比较两个 JSON 数组，并根据特定条件提取差异数据。Set 集合的快速查找特性可以提高比较效率，而数组遍历则可以对每个元素进行判断。在实际开发中，可以根据具体需求调整代码逻辑，以满足不同的场景。

注意事项

• 确保 JSON 数组的结构一致，以便正确提取需要比较的字段。
• Set 集合只能存储唯一值，因此如果 food 数组中存在重复的 food_name，Set 集合会自动去重。
• 在比较过程中，注意处理空值或 undefined 的情况，避免出现错误。
• 如果数据量很大，可以考虑使用更高效的算法或数据结构，例如哈希表。

以上就是JavaScript 中比较两个 JSON 数组并提取差异数据的详细内容，更多请关注php中文网其它相关文章！