Как обновлять значения объекта, а не переписывать их?

Question

[Eugene Chefranov]

Есть функция

function updateStorage(result) {
      const dataFromStorage = JSON.parse(localStorage.getItem('links'))

      const index = dataFromStorage.findIndex(d => d.id === result.id)
      dataFromStorage[index] = Object.assign({}, dataFromStorage[index], result)

      localStorage.setItem('links', JSON.stringify(dataFromStorage))
    }

Когда пытаюсь обновить данные, то они не обновляются, а перезаписывают внутренний объект

var result = {
            id: id,
            PageSpeedInsights: {
              [preloaderType]: false,
              [errorStatus]: false,
              [type]: +(lighthouse.categories.performance['score'] * 100).toFixed()
            }
          }
          updateStorage(result)

Как можно обновлять данные (PageSpeedInsights), а не полностью заменять?

Данные до выполнения функции

Данные после выполнения

Comments

[Сергей Соколов]

не размещайте код в виде картинок, это запрещают правила и не удобно читать.

[Eugene Chefranov]

Сергей Соколов, без скрина трудно выделить красным где проблема

[Сергей Соколов]

Eugene Chefranov, в процессе составления вопроса может прийти в голову идея. Проверено )

Answer 1

[Сергей Соколов]

Если откинуть шелуху, вопрос сводится к тому, как объединять объекты «глубоко» — как делать deep merge.
Довольно частый вопрос и есть несколько решений: использовать готовую библиотеку или написать рекурсивный обход свойств объекта: если свойство это объект, то (повторить для него). Если свойство примитив то скопировать.

Answer 2

[Eugene Chefranov]

Нашел функцию для объединения двух объектов с вложенными в них объектами

const merge = (target, source) => {
    for (const key of Object.keys(source)) {
        if (source[key] instanceof Object) Object.assign(source[key], merge(target[key], source[key]))
    }

    Object.assign(target || {}, source)
    return target
}