javascript - IndexedDB keyPath 到对象深处的某个地方？

Question

当您在 IndexedDB 中创建一个 objectStore 或索引时，您指定了一个“keyPath”，它说明了在您的对象中的何处查找应该是存储或索引上的键的值。我有看起来像这样的对象:

{doc:{id:4}}

有没有办法让我指定一个将获得该 ID 的 keyPath？我尝试点它 (keyPath = "doc.id")，但没有用。我是否必须将所有可能的键复制到对象的顶层？

Answer 1

根据规范，您的点符号是正确的。浏览器应该遵循 steps for extracting a key from a value using a key path ，这应该会产生您想要的功能。

Chrome 12 按照描述的方式工作。我无法让 Firefox 4.0 或 5.0 以这种方式运行，并怀疑这是他们实现中的错误(或者他们实现时规范不同)。

Firefox 4.0 - 5.0 确实可以正确解析不包含句点的关键路径。正如您所说，这意味着如果您希望它在 Firefox 中工作，您必须在对象的顶层有键。

下面是一些工作示例代码(适用于 Chrome 12 和 Firefox 4.0 - 5.0)，说明了差异:

(function () {

    var db, idb = window.mozIndexedDB || window.webkitIndexedDB;

    idb.open("test").onsuccess = function (ev) {
        db = ev.target.result;
        db.setVersion("1.0").onsuccess = setUpDatabase;
    };

    function setUpDatabase(ev) {
        var x, store;

        for (x = 0; x < db.objectStoreNames.length; x += 1) {
            db.deleteObjectStore(db.objectStoreNames[x]);
        }

        var store = db.createObjectStore("test", {
            keyPath: (window.mozIndexedDB) ? 'moz' : 'doc.webKit'
        });

        store.add({ moz: 1, doc: { webKit: 3, name: 'webkit!'  }});
        store.add({ moz: 3, doc: { webKit: 1, name: 'mozilla!' }});

        // Wait for the setVersion transaction to end...
        // This is an example. Typically control would return to the
        // event loop after this point.
        window.setTimeout(getSomeValue, 1000);
    };

    function getSomeValue() {
        db.transaction("test").objectStore("test").get(3).onsuccess = showValue;
    }

    function showValue(ev) {
        var value = ev.target.result.doc;
        alert('name: ' + value.name);
        // Don't forget to close your connections!
        db.close();
    }

}());