9951 explained code solutions for 126 technologies

javascript-lodashHow can I use Lodash to find and update an object in a JavaScript array?

Lodash is a JavaScript library that provides helpful utility functions for manipulating data. It can be used to find and update an object in a JavaScript array. The .find() and .assign() functions can be used together to accomplish this.

The _.find() function takes a collection (array, object, etc.) and a predicate (function) as arguments. It will iterate through the collection and return the first element that satisfies the predicate.

The _.assign() function is used to copy the values of all enumerable own properties from one or more source objects to a target object.

For example, given the following array of objects:

const array = [
  { id: 1, name: 'Alice' },
  { id: 2, name: 'Bob' }

We can use Lodash to find the object with an id of 2 and update its name to 'Charlie':

const updatedObject = _.assign(
  _.find(array, {id: 2}),
  {name: 'Charlie'}

// { id: 2, name: 'Charlie' }

The .find() function will return the object with an id of 2, and the .assign() function will copy the new name value to the object, returning the updated object.

Helpful links

Edit this code on GitHub