IDBIndex：objectStore 属性

注意： 此功能在 Web Workers 中可用。

objectStore 属性是 IDBIndex 接口的属性，它返回当前索引引用的对象存储。

值

一个 IDBObjectStore。

示例

在以下示例中，我们打开一个事务和一个对象存储，然后从一个简单的联系人数据库中获取索引 lName。然后，我们使用 IDBIndex.openCursor 在索引上打开一个基本游标。这与直接在 ObjectStore 上使用 IDBObjectStore.openCursor 打开游标的工作方式相同，只是返回的记录是根据索引排序的，而不是根据主键排序的。

当前对象存储将记录到控制台：它应该返回类似于以下内容：

json
IDBObjectStore { name: "contactsList", keyPath: "id", indexNames: DOMStringList[7], transaction: IDBTransaction, autoIncrement: false }

最后，我们遍历每条记录，并将数据插入 HTML 表格中。有关完整的运行示例，请参阅我们的 IndexedDB-examples 演示库 (查看实时示例).

js
function displayDataByIndex() {
  tableEntry.textContent = "";
  const transaction = db.transaction(["contactsList"], "readonly");
  const objectStore = transaction.objectStore("contactsList");

  const myIndex = objectStore.index("lName");
  console.log(myIndex.objectStore);

  myIndex.openCursor().onsuccess = (event) => {
    const cursor = event.target.result;
    if (cursor) {
      const tableRow = document.createElement("tr");
      for (const cell of [
        cursor.value.id,
        cursor.value.lName,
        cursor.value.fName,
        cursor.value.jTitle,
        cursor.value.company,
        cursor.value.eMail,
        cursor.value.phone,
        cursor.value.age,
      ]) {
        const tableCell = document.createElement("td");
        tableCell.textContent = cell;
        tableRow.appendChild(tableCell);
      }
      tableEntry.appendChild(tableRow);

      cursor.continue();
    } else {
      console.log("Entries all displayed.");
    }
  };
}

规范

规范
Indexed Database API 3.0
# ref-for-dom-idbindex-objectstore①

浏览器兼容性

BCD 表格仅在浏览器中加载

另请参阅