如何将普通数组值与对象数组指定key的值对比并找差异？

Got it, let's break this down step by step. You need to compare a plain array (like [1,2,3,4,5]) against the id property of objects in another array, then pull out the values from the plain array that don't exist in any object's id. Here's how to do it cleanly:

Step-by-Step Implementation (JavaScript) #

Let's use your example data to demonstrate:

// Your object array with id properties
const objArray = [
  { id: 1, name: 'jhon' },
  { id: 2, name: 'max' },
  { id: 3, name: 'fer' }
];

// Your plain array of values to check
const plainArray = [1,2,3,4,5];

1. Extract Existing IDs (Efficient Approach)

First, we'll pull all valid id values from the object array and store them in a Set—this makes lookups super fast (critical if you're dealing with large datasets):

// Extract all ids and store in a Set for O(1) lookups
const existingIds = new Set(objArray.map(item => item.id));

Pro tip: If your object array might have items with missing/null/undefined ids, add a filter to clean them first:

const existingIds = new Set(
  objArray.map(item => item.id).filter(id => id != null)
);

2. Filter the Plain Array

Now we can filter the plain array to keep only values that aren't in our existingIds Set:

const missingValues = plainArray.filter(num => !existingIds.has(num));
console.log(missingValues); // Output: [4, 5]

Alternative (Simple but Less Efficient) #

If you're working with small datasets and don't care about performance, you can skip the Set and use an array with includes():

const existingIdsArray = objArray.map(item => item.id);
const missingValues = plainArray.filter(num => !existingIdsArray.includes(num));

Just note: Array includes() checks every element each time, so this gets slow with large arrays.

Key Takeaways #

• Use Set for lookups to optimize performance with big data
• Always handle edge cases like missing id properties if your data might have them
• The core logic boils down to extracting the target property values, then filtering the plain array against that collection

内容的提问来源于stack exchange，提问作者FeRcHo