如何更新/更改数组中的对象？

Question

我在本地存储图像中有对象数组

一些函数返回带有新数据的对象。我需要将新数据写入 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

您应该从存储中获取数据，找到目标项的索引，将旧对象与新对象合并并将结果存储在特定索引处，然后将整个数组设置为相同的键。以下是最重要步骤的一部分：const newData = {  id: 'ID_2',  NEW_DATA: 'NEW_DATA'};/** * Get old data from storage */const dataFromStorage = JSON.parse(localStorage.getItem('links'));/** * Merge old object with a new one (find by ID) */const index = dataFromStorage.findIndex(d => d.id === newData.id);dataFromStorage[index] = Object.assign({}, dataFromStorage[index], newData)/** * Update full array in storage */localStorage.setItem('links', JSON.stringify(dataFromStorage));这是一个指向JSFIDDLE的链接，其中包含完整的示例（执行后检查本地存储）。