在indexedDb中添加多个对象的正确方法?

时间:2019-01-14 06:36:58

标签: javascript html5 indexeddb

我要添加以下对象并将其添加到indexedDb:

const data = [
    { name: 'abc',
      color: 'blue'
    },
    { name: 'xyz',
      color: 'red'
    },
    { name: 'yui',
      color: 'black'
    }];

现在,我创建数据库并将此数据插入这样的存储中:

if (!db.objectStoreNames.contains("people")) {
        peopleStore = db.createObjectStore("people", { keyPath: "name" });
        peopleStore.createIndex("color", "color", { unique: false });

        peopleStore.transaction.oncomplete = function(event) {
            data.forEach(function(data) {
                operations.add(data);
            });
        };
    }

我已经使用add()(在const operations内部)定义了一个函数表达式,如下所示:

add: function(data) {
            let request = db
                .transaction(["people"], "readwrite")
                .objectStore("people")
                .add(data);
        }

所以这是我的问题:

  1. 是以这种方式在每次add()方法时创建一个新事务 是被调用还是在单个事务中插入所有数据?

  2. 如果每次都在创建新交易,我该怎么做     1个事务以提高性能并执行所有操作     它只是。我猜我必须创建一个全局变量     交易并对其执行操作(还有其他方法,例如edit()delete()等,每个方法中都有一个用于定义交易的“ request”变量,类似于我上面显示的内容)。 我应该使全局变量是这样的吗?

const globalTrans = db.transaction(["people"], "readwrite").objectStore("people");

  1. 创建新交易是一项昂贵的操作吗?

在此先感谢所有抽出宝贵时间回复的人! :)

1 个答案:

答案 0 :(得分:0)

创建全局变量将产生问题。可能是某个事务正在运行,对于其他操作,您可能会覆盖它。

例如-

var globalTx;
// let's say you are selecting data from people
globalTx = db.transaction(["people"], "read")  // in read access
// and at same time you are inserting data from employee
globalTx = db.transaction(["employee"], "readwrite") // in read write

有很多方法可以解决此问题-

  1. 根据场景创建多种方法-
// for single value
function add(data) {
    let request = db.transaction(["people"], "readwrite").objectStore("people").add(data);
}
// for multiple value
function addMultiple(data, callback) {
    const tx = db.transaction(["people"], "readwrite");

    data.forEach(value => {
        let request = tx.objectStore("people").add(data);
    })

    tx.oncomplete = function(event) {
        callback();
    }
};
  1. 修改函数以仅接收数组值-
// so now data will be only array    
function add(data, callback) {
    const tx = db.transaction(["people"], "readwrite");

    data.forEach(value => {
        let request = tx.objectStore("people").add(data);
    })

    tx.oncomplete = function(event) {
        callback();
    }
};

// so when want to insert single value , we will call like this.

const value = {
    id: 1,
    name: 'ujjwal'
}
add([value], () => {

})

希望这可以回答您的问题。