javascript - 在 chrome 存储中存储多个对象

Question

我正在构建一个 chrome 扩展，在其中我从 API 获取数据，我想制作不同的数据对象，然后将其存储在 chrome 存储中。
例如 ：-

data:[
    {
     name:"XYZ",
     URL:"xyz.com"
   },
   {
     name:"ABC",
     URL:"abc.com"
   }
]

我想将 API 返回的数据作为不同的对象存储在 chrome 存储中。
我尝试执行以下操作，但没有成功：

chrome.storage.sync.set({ name: 'xyz', URL: "xyz.com" });

chrome.storage.sync.set({ name: 'abc', URL:"abc.com" });

 chrome.storage.sync.get(['name'], (result) => {
    console.log(result.name);
  });

我得到的结果只是我存储的第二个对象，我也尝试直接传递对象，但它似乎不起作用。
有没有办法将数据存储在不同的对象中，以及单独检索所有数据的有效方法？

标签： javascriptgoogle-chromegoogle-chrome-extensiongoogle-chrome-storage