// 假設(shè)原始數(shù)據(jù)對象
const originalData = {
  id: 1,
  "title@": "IndexedDB Special Characters",
  "text&content": "This is the main content."
};

/**
 * 轉(zhuǎn)換函數(shù)：將對象中包含特殊字符的屬性名轉(zhuǎn)換為符合IndexedDB keyPath規(guī)范的屬性名。
 * @param {Object} obj - 原始數(shù)據(jù)對象。
 * @returns {Object} - 轉(zhuǎn)換后的數(shù)據(jù)對象。
 */
function preprocessObjectForIndexedDB(obj) {
  const newObj = { ...obj }; // 創(chuàng)建一個副本，避免修改原始對象

  if (newObj["title@"]) {
    newObj.indexedTitle = newObj["title@"]; // 創(chuàng)建新屬性，符合JS標(biāo)識符規(guī)范
    // 可選：刪除原始特殊字符屬性，以避免冗余存儲
    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);
/*
預(yù)期輸出:
{
  id: 1,
  indexedTitle: "IndexedDB Special Characters",
  indexedTextContent: "This is the main content."
}
*/

// 接下來，將 processedData 存儲到 IndexedDB
// objectStore.add(processedData);

// 假設(shè) db 已經(jīng)打開，并且 objectStore 已經(jīng)創(chuàng)建
// const db = ...;
// const transaction = db.transaction(["myStore"], "readwrite");
// const objectStore = transaction.objectStore("myStore");

// 在版本升級或數(shù)據(jù)庫首次創(chuàng)建時定義索引
db.onupgradeneeded = (event) => {
  const db = event.target.result;
  if (!db.objectStoreNames.contains("myStore")) {
    const objectStore = db.createObjectStore("myStore", { keyPath: "id", autoIncrement: true });

    // 使用轉(zhuǎn)換后的屬性名創(chuàng)建索引
    objectStore.createIndex("byIndexedTitle", "indexedTitle", { unique: false });
    objectStore.createIndex("byIndexedTextContent", "indexedTextContent", { unique: false });

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

// 假設(shè)從 IndexedDB 檢索到的數(shù)據(jù)
const retrievedData = {
  id: 1,
  indexedTitle: "IndexedDB Special Characters",
  indexedTextContent: "This is the main content."
};

/**
 * 還原函數(shù)：將IndexedDB中符合規(guī)范的屬性名還原為原始的特殊字符屬性名。
 * @param {Object} obj - 從IndexedDB檢索到的數(shù)據(jù)對象。
 * @returns {Object} - 還原后的數(shù)據(jù)對象。
 */
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);
/*
預(yù)期輸出:
{
  id: 1,
  "title@": "IndexedDB Special Characters",
  "text&content": "This is the main content."
}
*/