在chrome存储中存储多个对象

如何解决在chrome存储中存储多个对象

我正在构建一个 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);
  });

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