How to replace data in an array object and return a new array object?

Question

JavaScript

Good time!
there is such a data structure

{
  books: [
    {
      id: '200',
      author: '4124',
      name: '412',
      imgUrl: 'data:image/jpeg;base64'
    }
  ]
}

the books property with an array of objects is created like this

Object.assign({}, state, {
                books: [
                    ...state.books,
                    action.book
                ]

We need to somehow go through the array of objects in the books property and replace the object with the one that passes by id and then return a new object with the books property in which we replaced the object.
i.e. the result should return a new object

{
  books: [
    {
      id: '200',
      author: 'new author',
      name: 'new name',
      imgUrl: 'some img'
    }
  ]
}

We return a new object with the books property, but I don’t know how to replace the object and add it to the array.

const changedItem = action.book
Object.assign({}, state, {
                books: state.books.map(item => item.id === changedItem.id ? changedItem : item)
            });

Answer 1

How to replace data in an array object and return a new array object?

action.book.map = function (book) {
    book.imgUrl = '/img/example.jpg'

    return book
}