Как изменить значения объекта в массиве?

Question

[Eugene Chefranov]

Имеется в localStorage массив с объектами


Некая функция возвращает объект с новыми данными. Необходимо результат записать в нужный объект в localstorage (идентифицируя по ID).

Я начал пытаться, но чет застопорился. Мои наброски

const result = {
            type: 'mobile',
            id: 'tsy152ivm',
            score: 55
          }

          const links = JSON.parse(localStorage.getItem('links'));
          const item = links.find(item => item.id === result.id);
          //localStorage.setItem('links', JSON.stringify(item));

Answer 1

[alex]

Object.assign(links.find(item => item.id === result.id), result)
localStorage.setItem('links', JSON.stringify(links))

Comments

[Eugene Chefranov]

чет не сработало

SyntaxError: Unexpected token o in JSON at position 1
    at JSON.parse (<anonymous>)

Вот так записал

const links = JSON.parse(localStorage.getItem('links'));
Object.assign(links.find(item => item.id === result.id), result)
localStorage.setItem('links', links)

[Robur]

Eugene Chefranov, зачем вы убрали JSON.stringify?

[alex]

Eugene Chefranov, я же написал там стрингифай. вот пример рабочий:

localStorage.setItem('links', JSON.stringify([
  {
    id: 'foo',
    name: 'FOO'
  },
  {
    id: 'bar',
    name: 'BAR'
  }
]))

const data = localStorage.getItem('links')
const links = JSON.parse(data);

const result = {
  name: 'FOOOOOOO',
  id: 'foo',
  score: 55
}

Object.assign(links.find(item => item.id === result.id), result)

console.log(
  JSON.parse(localStorage.getItem('links'))[0]
) // Object { id: "foo", name: "FOO" }

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

console.log(
  JSON.parse(localStorage.getItem('links'))[0]
) // Object { id: "foo", name: "FOOOOOOO", score: 55 }

[MuradSky]

Благодарю коллеги!

Answer 2

[Stockholm Syndrome]

если правильно понял

links[links.findIndex((item) => item.id === result.id)] = result;
localStorage.setItem('links', JSON.stringify(links));

Comments

[Eugene Chefranov]

Почти, но не то. Сейчас оно перезаписывает все данные объекта, а необходимо чтобы обновляло. В примере моего кода в первом сообщение это значение mobile (с 32 на 55) у объекта, а остальные данные не трогаем.