chrome.storageに効率的に値を追加する方法

Question

相談事項

chrome.storageにデータを次々に追加していくような場合の実装方法を模索しています。
良い方法をご存じでしたらご教示いただけると幸いです。

前提

chrome拡張機能を作成しており、chrome.storage.localにデータをため込むような仕様にしています。

今の実装方法

chrome.storageにデータを追加する際に、

1. chrome.storageから全データ（旧）を読み込み
2. 1で読み込んだデータ + 追加したいデータ = 全データ（新）
3. chrome.storageに全データ（新）を書き込み

を毎回実行させています。

データのイメージ

具体的には下記のように、レコードが次々に追加されていくような動きをします。
全データ（旧）：[1,2,3]
追加したいデータ：4
全データ（新）：[1,2,3,4]

今の問題点

上記の方法はデータのサイズが大きくなるほど処理が重たくなるため、
仮に、保存されたデータが10MBほどあり、10秒間で3回レコードを書き込むようなことが起きた時に、
その都度、10MBを読み込んで追記して、保存して、、、を3回短時間で繰り返すため、
あまり良い方法ではないと思っています。

その他

グローバル変数か何かに全データを常に保持しておき、
10秒に1回、変数に更新があったかチェックをし、
更新があれば、chrome.storageに書き込む

のような処理も検討をしてみましたが、他にも方法があるのではないかと思いご相談をさせていただいております。

以上、よろしくお願いいたします。

Answer 1

グローバル変数か何かに全データを常に保持しておき、
10秒に1回、変数に更新があったかチェックをし、
更新があれば、chrome.storageに書き込む

これは当然実施するとして、ストレージアクセスの時間が気になるなら、1つのキーにすべてのデータを保存するのではなく、N個毎に別のキーにしてはどうでしょうか。key0 はデータの0番目からN-1番目、key1 はN番目から2N-1番目、key2 は2N番目から3N-1番目、のように。

Comments

[BTB]

なるほど！たしかにその方法もありますね！ありがとうございます。

Answer 2

変数に取っておけば毎回読み込む必要はないと思います
また基本的に個別データで保持すれば不要な書き込みも減らせると思います
（サイズの大きなデータをstorageで管理すべきかどうかは検討が必要そうですが）

Comments

[BTB]

回答ありがとうございます。変数で常に保持するような挙動にしようと思います。