【问题标题】:IndexedDB keyPath to somewhere deep in an object?IndexedDB keyPath 到对象深处的某个地方?
【发布时间】:2011-03-02 06:00:33
【问题描述】:
当您在 IndexedDB 中创建 objectStore 或索引时,您指定一个“keyPath”,说明在您的对象中的何处查找应该是存储或索引上的键的值。我有看起来像这样的对象:
{doc:{id:4}}
有没有办法让我指定一个可以获取该 ID 的 keyPath?我尝试点它(keyPath =“doc.id”),但它没有用。我是否必须将所有可能的键复制到对象的顶层?
【问题讨论】:
标签:
javascript
html
indexeddb
【解决方案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();
}
}());
【讨论】:
-
查看MDN 会说:“...或 多个 JavaScript 标识符,以句点分隔。”这让我认为你可以有多个根键,但不一定有嵌套键。如果两个都是选项就好了。在我看来,如果你可以有多个键,那么它们应该用逗号或分号分隔,嵌套键应该包含句点。
【解决方案2】:
在 Firefox 中 IndexedDB 的初始实现中,正如您所发现的那样,这并不能正常工作。
不过现在它已经修复了很长一段时间,所以你应该可以毫无问题地使用它。