如何查找对象基数组中itemToRemove的索引？并实现元素移除操作

Hey Adrian, I’m really sorry to hear about your frustrating experience here—new users should absolutely feel supported when asking genuine questions, and it’s totally valid to be disappointed with how things went so far. Let’s focus on getting your technical issue sorted out first!

First, let’s assume your object-based array looks something like this (a common example):

// Sample object array
const objArray = [
  { id: 1, name: "Apple" },
  { id: 2, name: "Banana" },
  { id: 3, name: "Cherry" }
];
const itemToRemove = { id: 2, name: "Banana" };

Here are straightforward, reliable ways to find the index of itemToRemove and set it to null for your removeItem method:

Method 1: Use findIndex() (Most Direct) #

findIndex() iterates through the array and returns the index of the first element that matches your condition. If no match is found, it returns -1—perfect for your use case:

function removeItem(array, itemToRemove) {
  // For objects, match using a unique identifier (like `id`) for reliability
  const foundIndex = array.findIndex(item => item.id === itemToRemove.id);
  
  // Only update the array if we found a valid index
  if (foundIndex !== -1) {
    array[foundIndex] = null;
  }
  return array;
}

// Example call
removeItem(objArray, itemToRemove);
// Result: [ { id: 1, name: "Apple" }, null, { id: 3, name: "Cherry" } ]

⚠️ Important Note: If your objects don’t have a unique identifier (like id), comparing objects directly with === only works if they’re the exact same reference. In that case, compare all object properties instead:

const foundIndex = array.findIndex(item => {
  return Object.keys(item).every(key => item[key] === itemToRemove[key]);
});

Method 2: Use a for Loop (For Older Environments) #

If you’re working in an environment that doesn’t support ES6’s findIndex(), a traditional loop works just as well:

function removeItem(array, itemToRemove) {
  let foundIndex = -1;
  for (let i = 0; i < array.length; i++) {
    // Match using your object's unique identifier
    if (array[i].id === itemToRemove.id) {
      foundIndex = i;
      break; // Exit loop early once we find the match
    }
  }
  
  if (foundIndex !== -1) {
    array[foundIndex] = null;
  }
  return array;
}

Quick Extra Tip #

Setting the element to null keeps the array length the same. If you ever need to filter out the null values later, you can use:

const filteredArray = objArray.filter(item => item !== null);

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