HTML DOM indexedDB cmp() 方法

简介

cmp() 方法用于比较两个值是否相等。在索引设置键路径时使用。当两个键相等时，会将它们的主键添加到同一个 bucket（存储桶）中。cmp() 方法可以自定义实现比较函数，它将传入两个参数，返回一个用于比较的数字。

语法

IDBFactory.cmp(first, second);

参数

• first：第一个要比较的值。
• second：第二个要比较的值。

返回值

• 如果 first 严格小于 second，返回一个负数。
• 如果 first 严格大于 second，返回一个正数。
• 如果 first 等于 second，返回 0。

示例

下面是一个自定义比较函数的例子，用于比较字符串长度：

function compareByLength(a, b) {
  if (a.length < b.length) {
    return -1;
  } else if (a.length > b.length) {
    return 1;
  } else {
    return 0;
  }
}

let db;
const request = indexedDB.open("myDatabase", 1);

request.onerror = function(event) {
  console.log("Database error: " + event.target.errorCode);
};

request.onsuccess = function(event) {
  console.log("Database opened successfully");
  db = event.target.result;

  const transaction = db.transaction("storeName", "readwrite");
  const store = transaction.objectStore("storeName"); 
  const index = store.index("indexName", { cmp: compareByLength });

  // Add data to the store using the custom index
  const addRequest = store.add({ name: "John", age: 25, key: "123" });
  // ...
};

request.onupgradeneeded = function(event) {
  console.log("Database upgrade needed");

  const db = event.target.result;
  const objectStore = db.createObjectStore("storeName", { keyPath: "key" });
  objectStore.createIndex("indexName", "name");
};

注意事项

• 当比较两个值时，请确保使用相同的比较函数。不然，它们能够添加到不同的 bucket 中，这样可能会导致数据丢失或无法正确地操作数据。

参考链接

• MDN Web Docs