Comment sérialiser et désérialiser des cartes ES6 avec JSON.stringify et JSON.parse ?

Comment sérialiser les cartes ES6 pour le traitement JSON

Lors du passage des objets ES6 aux cartes, l'impossibilité de directement JSON.stringify un La carte peut être un obstacle. Cet article explore une solution à ce défi, en utilisant le deuxième argument de JSON.stringify et JSON.parse, respectivement replacer et reviver.

Fonctions personnalisées de remplacement et de reviver

Pour ajouter la prise en charge de Maps, des fonctions de remplacement et de relance personnalisées peuvent être créées. Ces fonctions gèrent la conversion vers et depuis JSON :

function replacer(key, value) {
  if (value instanceof Map) {
    return {
      dataType: 'Map',
      value: Array.from(value.entries()), // or with spread: value: [...value]
    };
  } else {
    return value;
  }
}

function reviver(key, value) {
  if (typeof value === 'object' && value !== null) {
    if (value.dataType === 'Map') {
      return new Map(value.value);
    }
  }
  return value;
}

Utilisation

Avec les fonctions personnalisées en place, la sérialisation et la désérialisation de Maps deviennent simples :

const originalValue = new Map([['a', 1]]);
const str = JSON.stringify(originalValue, replacer);
const newValue = JSON.parse(str, reviver);
console.log(originalValue, newValue);

Deep Nesting

La technique s'étend aux structures profondément imbriquées composées de cartes, de tableaux et d'objets :

const originalValue = [
  new Map([['a', {
    b: {
      c: new Map([['d', 'text']])
    }
  }]])
];
const str = JSON.stringify(originalValue, replacer);
const newValue = JSON.parse(str, reviver);
console.log(originalValue, newValue);

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!