IndexedDB keyPath特殊字符处理：深入理解与数据转换策略

// 假设原始数据对象
const originalData = {
  id: 1,
  "title@": "IndexedDB Special Characters",
  "text&content": "This is the main content."
};

/**
 * 转换函数：将对象中包含特殊字符的属性名转换为符合IndexedDB keyPath规范的属性名。
 * @param {Object} obj - 原始数据对象。
 * @returns {Object} - 转换后的数据对象。
 */
function preprocessObjectForIndexedDB(obj) {
  const newObj = { ...obj }; // 创建一个副本，避免修改原始对象

  if (newObj["title@"]) {
    newObj.indexedTitle = newObj["title@"]; // 创建新属性，符合JS标识符规范
    // 可选：删除原始特殊字符属性，以避免冗余存储
    delete newObj["title@"];
  }

  if (newObj["text&content"]) {
    newObj.indexedTextContent = newObj["text&content"];
    delete newObj["text&content"];
  }
  return newObj;
}

const processedData = preprocessObjectForIndexedDB(originalData);
console.log(processedData);
/*
预期输出:
{
  id: 1,
  indexedTitle: "IndexedDB Special Characters",
  indexedTextContent: "This is the main content."
}
*/

// 接下来，将 processedData 存储到 IndexedDB
// objectStore.add(processedData);

// 假设 db 已经打开，并且 objectStore 已经创建
// const db = ...;
// const transaction = db.transaction(["myStore"], "readwrite");
// const objectStore = transaction.objectStore("myStore");

// 在版本升级或数据库首次创建时定义索引
db.onupgradeneeded = (event) => {
  const db = event.target.result;
  if (!db.objectStoreNames.contains("myStore")) {
    const objectStore = db.createObjectStore("myStore", { keyPath: "id", autoIncrement: true });

    // 使用转换后的属性名创建索引
    objectStore.createIndex("byIndexedTitle", "indexedTitle", { unique: false });
    objectStore.createIndex("byIndexedTextContent", "indexedTextContent", { unique: false });

    console.log("Object store and indexes created.");
  }
};

// 假设从 IndexedDB 检索到的数据
const retrievedData = {
  id: 1,
  indexedTitle: "IndexedDB Special Characters",
  indexedTextContent: "This is the main content."
};

/**
 * 还原函数：将IndexedDB中符合规范的属性名还原为原始的特殊字符属性名。
 * @param {Object} obj - 从IndexedDB检索到的数据对象。
 * @returns {Object} - 还原后的数据对象。
 */
function postprocessObjectFromIndexedDB(obj) {
  const originalObj = { ...obj };

  if (originalObj.indexedTitle) {
    originalObj["title@"] = originalObj.indexedTitle;
    delete originalObj.indexedTitle;
  }

  if (originalObj.indexedTextContent) {
    originalObj["text&content"] = originalObj.indexedTextContent;
    delete originalObj.indexedTextContent;
  }
  return originalObj;
}

const revertedData = postprocessObjectFromIndexedDB(retrievedData);
console.log(revertedData);
/*
预期输出:
{
  id: 1,
  "title@": "IndexedDB Special Characters",
  "text&content": "This is the main content."
}
*/