Getting Multiple items from Chrome storage?

Question

I have 4 items which I'd like to get but I'm unsure how to separate the keys. Using comma gives an error. Here is an example of my usage:

chrome.storage.sync.get({
    'customImage',
    'customColor',
    'customRandColor',
    'customRandImage'
  }, function(backgroundCheckedOptions) {
    document.getElementById('optionsCustomImage').checked = backgroundCheckedOptions.customImage;
    document.getElementById('optionsBackgroundColor').checked = backgroundCheckedOptions.customColor;
    document.getElementById('optionsRandomColor').checked = backgroundCheckedOptions.customRandColor;
    document.getElementById('optionsRandomImage').checked = backgroundCheckedOptions.customRandImage;
  });

I would have assumed they would be separated by a comma, but I guess not.

Zig Mandel · Accepted Answer · 2015-03-24T15:15:03.047

23

From the Chrome Storage documentation, it says:

StorageArea.get(string or array of string or object keys, function callback)

Easiest would be to pass an array by replacing your {} with []

edited Mar 24 '15 at 15:15

answered Mar 24 '15 at 02:10

Zig Mandel

19,571
5
26
36

7

Object form is also useful for giving default value: `{key1: default1, key2: default2}` – Xan Mar 24 '15 at 13:50

score 1 · Answer 2 · answered Oct 22 '20 at 05:05

As per the official documentation it will be as below.

chrome.storage.sync.get([
 'customImage',
 'customColor',
 'customRandColor',
 'customRandImage'
], function(backgroundCheckedOptions) {
 document.getElementById('optionsCustomImage').checked = backgroundCheckedOptions.customImage;
 document.getElementById('optionsBackgroundColor').checked = backgroundCheckedOptions.customColor;
 document.getElementById('optionsRandomColor').checked = backgroundCheckedOptions.customRandColor;
 document.getElementById('optionsRandomImage').checked = backgroundCheckedOptions.customRandImage;
});

Getting Multiple items from Chrome storage?

2 Answers2