Html5 IndexedDB - 通过键检索值

Question

在大多数教程中，都展示了如何通过使用游标迭代来从对象存储中检索所有记录。 但是如何通过键“myKey”从对象存储中检索值？

Answer 1

如果您正在寻找简单的键/值存储，那么您可能需要考虑 localStorage。它比使用 IndexedDB 简单得多。它仅适用于字符串（到目前为止），但对象可以通过 JSON 对象轻松字符串化。

console.log( 'BEFORE', localStorage.getItem( 'test-key' ) );
localStorage.setItem( 'test-key', JSON.stringify( { 'foo': Math.round( Math.random() * 1000 ) } ) );
console.log( 'AFTER', JSON.parse( localStorage.getItem( 'test-key' ) ) );

也就是说，只有当您需要获取一个键或一系列键的多个值时，才需要游标从 IndexedDB 中的键获取单个值。要从键获取值，您需要执行以下两种操作之一：

1) 如果 myKey 是您的主键（在创建商店时添加）：

var request = transaction.get( key );

然后您可以添加 onsuccess 和 onerror 回调来解析生成的事件对象，您需要从中提取 event.target.result 值。

2) 如果 myKey 位于非主索引（您在创建商店后添加的索引）中，则打开事务上的索引，然后打开索引上的游标。

var transaction_index = transaction.index( index );
var request = transaction_index.get( key );

至于游标（您可能会更频繁地讨论它，因为每当您在同一键下存储多个值时，您就需要一个游标），您也可以使用它们来检索单个键的值。 规范说：

键范围可以由单个值组成。

您需要使用 IDBKeyRange 对象生成 keyRange。这是来自 MIT 许可的 InDB （我正在进行的 IndexedDB 包装器）的辅助方法，该方法处理在单个值（例如InDB.range.get( value )）或键范围上打开光标。

InDB.range.get = function ( value, left_bound, right_bound, includes_left_bound, includes_right_bound ) {
        if ( InDB.exists( left_bound ) && InDB.exists( right_bound ) && InDB.exists( includes_left_bound ) && InDB.exists( includes_right_bound ) ) {   
            return IDBKeyRange.bound( left_bound, right_bound, includes_left_bound, includes_right_bound ); 
        } else if ( InDB.exists( left_bound ) && InDB.exists( includes_left_bound ) ) {
            return IDBKeyRange.lowerBound( left_bound, includes_left_bound );
        } else if ( InDB.exists( right_bound ) && InDB.exists( includes_right_bound ) ) {
            return IDBKeyRange.upperBound( right_bound, includes_right_bound );
        } else if ( InDB.exists( value ) ) {
            return IDBKeyRange.only( value );
        }  else {
            return false;
        }
    }

获得 keyRange 后，您可以执行以下两件事之一：

1) 如果 myKey 是您的主键（在创建商店时添加），则您可以在您的交易（带有可选方向）。

var request = transaction.openCursor( keyRange, direction );

2) 如果 myKey 位于非主索引（您在创建商店后添加的索引）中，则打开事务上的索引，然后打开索引上的游标。

var transaction_index = transaction.index( index );
var request = transaction_index.openCursor( keyRange, direction );

Answer 2

有一些库可以帮助您使用 IndexedDB，例如 Dexie、JsStore、LocalForage 和 SFDatabase-js。

对我来说，使用 SFDatabase-js 更容易，因为用法几乎与 < a href="https://github.com/ScarletsFiction/Scarlets/wiki/Database" rel="nofollow noreferrer">PHP 版本（使用 MySQL/Redis 作为数据库时）。它也适用于 NodeJS。
您所需要的只是定义数据库索引结构并初始化数据库。

var myDB = new SFDatabase('myDB', {
    websql:false,
    idbVersion:1,
    databaseStructure:{
        Users:{
            // rowid -> always unique and incremental
            name:['text', 'unique']
        }
    }
}, function(){
    // database initialized
});

之后，您可以在数据库中存储几乎任何内容。

myDB.insert('Users', {name:"Alex", age:17});
myDB.insert('Users', {name:"Ander", age:12});
myDB.insert('Users', {name:"Bell", age:30, admin:true});

如果您想获取单行数据，可以使用get。

myDB.get('Users', 'age', {name:"Ander"}, console.log);
//-> 12

myDB.get('Users', ['name', 'age'], {admin:true}, console.log);
//-> {name:"Bell", age:30}

并且还获取多行数据。

// Age more than 15
myDB.select('Users', ['name'], {'age[>]':15}, console.log);
//-> [{name: "Alex"}, {name: "Bell"}]

// Any name with 'e' and without 'A', and limit to two result
myDB.select('Users', ['name'], {'name[~]':'e', 'name[!~]'=>'A', LIMIT:2}, console.log);
//-> [{name: "Bell"}]