indexedDB - objectStore.openCursor() 不会返回 objectStore 中的所有对象

Question

我正在尝试使用 openCursor() 方法迭代“产品”objectStore 中的所有对象。

function getAllProducts(){
    var products = [];
    var transaction = db.transaction(["product"], "readonly");
    var objectStore = transaction.objectStore("product");

    objectStore.openCursor().onsuccess = function(event) {
      var cursor = event.target.result;
      if(cursor) {
        products.push(cursor.value);
        cursor.continue();
      } 
    };
}

我的“产品”objectStore 包含五 (5) 个对象。所以我预计我的产品数组的长度也为 5。然而，通过日志检查，迭代的对象数量似乎并不是恒定的。有时它只返回一 (1) 条记录，有时它只返回两 (2) 条记录。

我的代码有什么问题吗？我有什么遗漏的吗？

我尝试添加 onsuccess、onerror 和 onabort 句柄，但控制台中仍然没有其他日志。下面是我的更新代码:

function getAllProducts(){
    var products = [];
    var transaction = db.transaction(["product"], "readonly");
    var objectStore = transaction.objectStore("product");

    objectStore.openCursor().onsuccess = function(event) {
      var cursor = event.target.result;
      if(cursor) {
        products.push(cursor.value.name);
        cursor.continue();
      } 
      console.log(products);
    };

    transaction.oncomplete = function(event) {
        console.log(event);
    };

    transaction.onerror = function(event) {
        console.error(event);
    };

    transaction.onabort = function(event) { 
        console.log("YO YO YO");
        console.error("transaction aborted");
     }; 

}

Answer 1

这可能是因为您试图在光标完成循环/处理之前读取。我建议使用回调方法，该方法将在游标处理结束时调用最终结果集。 类似于(抛出代码来给你一个想法):

function get_object(object, callBack){
        var obj_list = [];
        var transaction = db.transaction([object],"readonly");
        var obj_store   = transaction.objectStore(object);

        obj_store.openCursor().onsuccess = function (event){
            cursor = event.target.result;
            if(cursor){
                console.log(cursor.value);
                obj_list.push(cursor.value);
                cursor.continue();
            }else{
                console.log("Done processing " + object + "...");
                if (callBack&& typeof(callBack) == 'function') {
                    callBack(obj_list);
                }
                return;
            }
        };
    }

然后将其用作:

get_object("data_store", callBack);
function get_object_result_processor(resultSet){
    //Do something
}