Categories
JavaScript Answers

How to modify object property in an array of objects with JavaScript?

Spread the love

Sometimes, we want to modify object property in an array of objects with JavaScript.

In this article, we’ll look at how to modify object property in an array of objects with JavaScript.

How to modify object property in an array of objects with JavaScript?

To modify object property in an array of objects with JavaScript, we can use the array find method.

For instance, we write

const foo = [
  { bar: 1, baz: [1, 2, 3] },
  { bar: 2, baz: [4, 5, 6] },
];

const obj = foo.find((f) => f.bar == 1);
if (obj) {
  obj.baz = [2, 3, 4];
}

console.log(foo);

to define the foo array.

Then we call foo.find with a callback to return the object in foo with bar set to 1.

If obj isn’t undefined, then we set obj.baz to a new value.

Conclusion

To modify object property in an array of objects with JavaScript, we can use the array find method.

Leave a Reply

Your email address will not be published.

If you like the content of this blog, subscribe to my email list to get exclusive articles not available to anyone else.