如何有效地将项目添加到 Chrome Storage API 中的数组中？

据我了解，如果您希望在 Chrome Storage API 中存储一个数组并不断向其中添加项目，则需要如下所示：

function addToHistory(url) {
    chrome.storage.sync.get('history', function(obj) {
        var history = obj.hasOwnProperty('history') ? obj.history : [];
        history.push(url);
        chrome.storage.sync.set({'history': history}, function() {
            if (chrome.runtime.lastError)
                console.log(chrome.runtime.lastError);
            else
                console.log("History saved successfully");
        });
    });
}

这段代码让我很困扰；加载并保存同一个数组每次将单个项目推到末尾的效率非常低（尤其是如果您的history数组开始获得数千个条目）。

有没有更有效的方法来做到这一点？我假设我不是第一个想要推送到数组的人，那么是否已经有推荐的方法来实现这一目标？

我不认为 chrome.storage.sync API 非常适合您的需求。基本上，这个 API 非常适合记住用户偏好或简单而简短的数据。 同步 API 有使用限制，例如： - 102.4 KB 用于存储中保存的所有数据 - 每个项目 8 KB 数据 - 每小时 1,800 次写入

因此，如果您计划使用此 API 来存储一些历史数据，则应用程序可能会很快超出限制。

我假设您正在开发扩展，而不是应用程序。在应用程序中，您可以访问 chrome.syncFileSystem API，该 API 可用于将可同步数据保存在文件中。

回答你的问题没有一种方法可以优化你的功能。您可以尝试定期存储数据 - 例如每 30 秒左右一次。您只需要记住在用户关闭应用程序后保存数据即可。

您还可以将此值作为变量存储在内存中，并在用户离开屏幕或关闭应用程序时保存它，但这很危险，因为应用程序可能会在异步任务完成之前关闭。

无论如何，我认为这个 API 并不是适合您的应用程序的最佳解决方案。