I do not seem to be able to access array items when I read the key from the database (using getAllKeys).

Joshua, is this something expected?

Not expected - can you give me an example?

Note that arrays `[1,2,3]` and binary data `new Uint8Array([1,2,3])` are different key types, maybe that's confusing things.

With this snippet:
=================
const key = new Uint8Array([1,2,3]);
console.log('Key value before instert', key[0])
indexedDB.deleteDatabase('db');
const openDBreq = indexedDB.open('db');
openDBreq.onupgradeneeded = e => { 
  const db = e.target.result; 
  const store = db.createObjectStore('store');
  store.put('binary key', key);
};
openDBreq.onsuccess = e => {
    const keysReq = e.target.result.transaction('store').objectStore('store').getAllKeys();
    keysReq.onsuccess = e => {
        console.log('Key value read from database', e.target.result[0][0]);
    }
}
=========================

Output:
Key value before instert 1
Key value read from database undefined

e.target.result[0] will be an ArrayBuffer instance (the 'view' is not used as part of the key, just the data), and ArrayBuffers don't have indexed getters, hence the undefined.


console.log('Key value read from database', e.target.result[0]); // logs the buffer
console.log('Key value read from database', new Uint8Array(e.target.result[0])); // wraps it in a view

uh, and then:

console.log('Key value read from database', new Uint8Array(e.target.result[0])[0]); // like [0][0] to actually get the first byte from first key

Thanks for the explanation. Looks like the issue here is that the DevTools need a better preview for the ArrayBuffer.

DevTools will now preview ArrayBuffer as typed arrays. Synthetic fields were added that show buffer contents as Int8Array/Uint8Array. Buffers with even length can be previewed as Int16Arrays and buffers with length divisible by 4 can be previewed as Int32Arrays.

Awesome!