IndexedDB getting all data with keys

Question

Using the IndexedDB API we have these 2 methods: getAll() and getAllKeys() with an usage example below:

let transaction = this.db.transaction(["table"]);
let object_store = transaction.objectStore("table");
request = object_store.getAll(); /* or getAllKeys() */

request.onerror = (event) => {
    console.err("error fetching data");
};
request.onsuccess = (event) => {
    console.log(request.result);
};

The problem is getAll() seems to retrieve only the data in an array format, and getAllKeys() gets all the keys without the data. I could not find a method to get both keys and values.

1. Isn't there a better way of getting the data and the keys with one call, like it is stored?

2. If not, is there a nicer way I could do this without making the code too confusing with multiple asynchronous calls happening?

Answer 1

I was able to retrieve all values with their keys with one callback function using an IDBCursor like this:

transaction = this.db.transaction(["table"]);
object_store = transaction.objectStore("table");
request = object_store.openCursor();

request.onerror = function(event) {
   console.err("error fetching data");
};
request.onsuccess = function(event) {
   let cursor = event.target.result;
   if (cursor) {
       let key = cursor.primaryKey;
       let value = cursor.value;
       console.log(key, value);
       cursor.continue();
   }
   else {
       // no more results
   }
};