Hogyan lehet visszaállítani az objektumokat JSON-ból…

Az objektumok JSON-ből történő visszaállításához metadadatok megőrzésével a JSON.parse() módszert és egy reviver funkciót lehet használni. A reviver opcionális funkció, amely minden JSON szintaxis elem elemzése során meghívásra kerül. Lehetővé teszi az dekódolt értékek módosítását, mielőtt visszaadnák őket.

A típus megőrzésére szolgáló reviver példája:

const jsonString = '{"date": "2023-10-27T10:00:00.000Z", "regexp": "/test/i"}';

const restoredObject = JSON.parse(jsonString, (key, value) => {
  if (typeof value === 'string' && /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}.\d{3}Z$/.test(value)) {
    return new Date(value);
  }
  if (typeof value === 'string' && /^\/.+\/[gimyus]*$/.test(value)) {
    try {
       const match = value.match(/^\/(.+)\/([gimyus]*)$/);
       if (match) {
           return new RegExp(match[1], match[2]);
       }
    } catch (e) {
    }
  }
  return value;
});

console.log(restoredObject.date instanceof Date); // true
console.log(restoredObject.regexp instanceof RegExp); // true

Komplexebb esetekben, ahol a metadadatok tartalmazhatnak felhasználói osztályokra vagy más típusokra vonatkozó információkat, explicit jelölőket vagy egy típusokat leíró sémát kell beépíteni a JSON-be.

Példa explicit jelölőkkel:

{
  "user": {
    "_type": "User",
    "name": "Alice",
    "registrationDate": {
      "_type": "Date",
      "value": "2023-10-26T12:00:00.000Z"
    }
  },
  "settings": {
    "theme": "dark"
  }
}

És a megfelelő reviver:

class User {
  constructor(name, registrationDate) {
    this.name = name;
    this.registrationDate = registrationDate;
  }
}

const jsonWithMetadata = '{"user": {"_type": "User", "name": "Alice", "registrationDate": {"_type": "Date", "value": "2023-10-26T12:00:00.000Z"}}, "settings": {"theme": "dark"}}';

const restoredObjectWithMetadata = JSON.parse(jsonWithMetadata, (key, value) => {
  if (value && typeof value === 'object' && value._type) {
    switch (value._type) {
      case 'Date':
        return new Date(value.value);
      case 'User':
        return new User(value.name, new Date(value.registrationDate.value));
      default:
        return value;
    }
  }
  return value;
});

console.log(restoredObjectWithMetadata.user instanceof User); // true
console.log(restoredObjectWithMetadata.user.registrationDate instanceof Date); // true

Ez a megközelítés előzetes megállapodást igényel a JSON metadataszerkezetéről (például a _type kulcs használatáról) és a visszaállítási logika megvalósításáról minden típushoz. Komplex objektumok, például felhasználói osztálypéldányok metódusokkal, további fejlettebb megközelítést igényelhetnek, például külön szériázási és deszerializációs módszerekkel vagy speciális könyvtárak használatával. Azonban a standard típusok és egyszerű adatszerkezetek esetén a reviver hatékonyan működik.

Hogyan lehet visszaállítani az objektumokat JSON-ból úgy, hogy a metaadatok megmaradjanak?