本文介绍了如何使用 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" }
];实现步骤
-
创建 food_name 的 Set 集合：
立即学习“Java免费学习笔记（深入）”；
为了提高查找效率，我们将 food 数组中的 food_name 提取出来，并存储到一个 Set 集合中。Set 集合具有快速查找的特性，可以有效地判断某个元素是否存在。
const foodSet = new Set(food.map(item => item.food_name));
-
遍历 fruits 数组：
我们使用 for 循环遍历 fruits 数组，对每个水果进行判断。
let dep_data = []; for (let i = 0; i < fruits.length; i++) { // ... } -
判断水果是否存在于 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 的情况，避免出现错误。
- 如果数据量很大，可以考虑使用更高效的算法或数据结构，例如哈希表。
