ES6对象赋值疑问：filter筛选目标对象后赋值失败原因咨询

Hey there! Since you didn’t share the exact code from your first attempt, I’ll walk through the most common reasons this pattern fails—these are the gotchas that trip up most developers when trying to find an object with filter() and update its properties.

1. You tried to assign directly to the filter() result (which is an array, not a single object) #

This is the #1 mistake here. The filter() method always returns an array of matching elements—even if only one object matches your condition. If you tried to set a property directly on that array instead of extracting the object first, you weren’t actually modifying the target object at all.

Example of the wrong approach: #

const products = [{id: 101, price: 20}, {id: 102, price: 30}];

// ❌ This adds a `price` property to the array, not the matching product
products.filter(p => p.id === 101).price = 25;

The fix (extract the first matching object): #

const targetProduct = products.filter(p => p.id === 101)[0];

// Always check if the object exists to avoid errors!
if (targetProduct) {
  targetProduct.price = 25; // ✅ Now you're modifying the actual object
}

2. You didn’t handle cases where no object was found #

If filter() didn’t find any matching objects, it returns an empty array. Trying to access index [0] will give you undefined, and attempting to assign a property to undefined will throw a TypeError. Your "less elegant" working code probably includes a check for this, which your first attempt skipped.

3. Immutable objects (less common, but possible) #

If the objects you’re working with are immutable (e.g., frozen with Object.freeze(), or part of an immutable state library like Redux), direct property assignment will fail silently or throw an error. In this case, you’d need to create a new object with the updated property instead of modifying the original.

If you share the exact code from your first attempt, I can pinpoint the exact issue for you!

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