javascript - 如何在已有的indexedDB中已有的objectStore中添加新值？

我将自己打结，试图在objectStore中的indexedDB中更新一系列四个条目。

这是我想要实现的（用伪代码）：

let myDatabase = indexedDB('myDatabase', 1);
let myObjectStore = myDatabase.myObjectStore;
myObjectStore.entry1 = 'newValue1';
myObjectStore.entry2 = 'newValue2';
myObjectStore.entry3 = 'newValue3';
myObjectStore.entry4 = 'newValue4';

但是，当然，这不是那么简单。

我了解我需要使用put。但是，尽管尝试了许多方法，但我无法走得更远。

最初创建objectStore时，我已经成功地成功设置并填充了indexedDB：

// SET UP VALUES OBJECT

let valuesObject = {

  entry1 : 'a',
  entry2 : 'b',
  entry3 : 'c',
  entry4 : 'd'
};


// SET UP INDEXED DATABASE

const setUpIndexedDatabase = (valuesObject) => {

  let database
  const databaseVersion = 1;
  const databaseName = \'myDatabase\';
  const databaseOpenRequest = indexedDB.open(databaseName, databaseVersion);

  databaseOpenRequest.onupgradeneeded = () => {

    database = databaseOpenRequest.result;

    let myObjectStore = database.createObjectStore('myObjectStore');

    myObjectStore.transaction.oncomplete = () => {

      let objectStoreValues = database.transaction('Values', 'readwrite').objectStore('Values');

      const valuesEntries = Object.entries(valuesObject);

      for (let i = 0; i < valuesEntries.length; i++) {

        objectStoreValues.add(valuesEntries[i][1], valuesEntries[i][0]);
      }
    }
  }


  databaseOpenRequest.onsuccess = () => {

    database = databaseOpenRequest.result;

    // >>> THIS IS THE BIT THAT I NEED TO WRITE <<<

    database.close();
  }
}

setUpIndexedDatabase(valuesObject);

到目前为止，一切都很好。如果尚不存在数据库，则上面的代码将触发onupgradeneeded事件，该事件将创建myObjectStore并使用四个键值对填充它。

但是，如果数据库确实存在并且已经包含myObjectStore，那么我使用put编写的代码的每个变体都无法更新键的值并返回各种错误-通常根本没有错误。

我要做的就是更新数据库中的值。

我认为问题在于，当数据库版本保持不变且put无法启动时，我不知道如何正确使用onupgradeneeded。

最佳答案

如果要更新数据库中已经存在的值，可以使用以下代码进行更新（例如，我正在更新entry1条目）：

databaseOpenRequest.onsuccess = function(event) {
    db = event.target.result;

    const objectStore = db.transaction('myObjectStore', 'readwrite').objectStore('myObjectStore');
    const request = objectStore.put('e', 'entry1');
    request.onerror = function(event) {
        // There was an error while updating.
    };
    request.onsuccess = function(event) {
        // The update was successful.
    };
}

关于javascript - 如何在已有的indexedDB中已有的objectStore中添加新值？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/57993019/