Saya ingin mulai menggunakan Peta ES6 daripada objek JS tetapi saya ditahan karena saya tidak tahu cara JSON.stringify () Peta. Kunci saya dijamin berupa string dan nilai saya akan selalu dicantumkan. Apakah saya benar-benar harus menulis metode pembungkus untuk membuat serial?

Tidak boleh.

Kunci peta bisa apa saja, termasuk objek. Tetapi sintaks JSON hanya mengizinkan string sebagai kunci. Jadi tidak mungkin dalam kasus umum.

Kunci saya dijamin berupa string dan nilai saya akan selalu berupa daftar

Dalam hal ini, Anda dapat menggunakan objek biasa. Ini akan memiliki keuntungan berikut:

• Ini akan dapat dirangkai menjadi JSON.
• Ini akan berfungsi di browser lama.
• Mungkin lebih cepat.

Anda tidak dapat langsung merangkai Mapinstance karena tidak memiliki properti apa pun, tetapi Anda dapat mengonversinya menjadi array tupel:

jsonText = JSON.stringify(Array.from(map.entries()));

Untuk kebalikannya, gunakan

map = new Map(JSON.parse(jsonText));

Keduanya JSON.stringifydan JSON.parsemendukung argumen kedua. replacerdan revivermasing - masing. Dengan replacer dan reviver di bawahnya, Anda dapat menambahkan dukungan untuk objek Map asli, termasuk nilai yang sangat bertingkat

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

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

Penggunaan :

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

Deep nesting dengan kombinasi Array, Objects, dan Maps

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);

Meskipun belum ada metode yang disediakan oleh ecmascript, ini masih dapat dilakukan JSON.stingifyjika Anda memetakan Mapke JavaScript primitif. Ini contoh yang Mapakan kami gunakan.

const map = new Map();
map.set('foo', 'bar');
map.set('baz', 'quz');

Pergi ke Objek JavaScript

Anda dapat mengonversi ke literal Objek JavaScript dengan fungsi pembantu berikut.

const mapToObj = m => {
  return Array.from(m).reduce((obj, [key, value]) => {
    obj[key] = value;
    return obj;
  }, {});
};

JSON.stringify(mapToObj(map)); // '{"foo":"bar","baz":"quz"}'

Pergi ke JavaScript Array of Objects

Fungsi helper untuk yang satu ini akan lebih ringkas

const mapToAoO = m => {
  return Array.from(m).map( ([k,v]) => {return {[k]:v}} );
};

JSON.stringify(mapToAoO(map)); // '[{"foo":"bar"},{"baz":"quz"}]'

Pergi ke Array of Arrays

Ini bahkan lebih mudah, Anda bisa menggunakan

JSON.stringify( Array.from(map) ); // '[["foo","bar"],["baz","quz"]]'

Menggunakan peta sytax tersebar dapat diserialkan dalam satu baris:

JSON.stringify([...new Map()]);

dan deserialisasi dengan:

let map = new Map(JSON.parse(map));

Merangkai sebuah Mapinstance (objek sebagai kunci OK) :

JSON.stringify([...map])

atau

JSON.stringify(Array.from(map))

atau

JSON.stringify(Array.from(map.entries()))

format output:

// [["key1","value1"],["key2","value2"]]

Solusi yang Lebih Baik

    // somewhere...
    class Klass extends Map {

        toJSON() {
            var object = { };
            for (let [key, value] of this) object[key] = value;
            return object;
        }

    }

    // somewhere else...
    import { Klass as Map } from '@core/utilities/ds/map';  // <--wherever "somewhere" is

    var map = new Map();
    map.set('a', 1);
    map.set('b', { datum: true });
    map.set('c', [ 1,2,3 ]);
    map.set( 'd', new Map([ ['e', true] ]) );

    var json = JSON.stringify(map, null, '\t');
    console.log('>', json);

Keluaran

    > {
        "a": 1,
        "b": {
            "datum": true
        },
        "c": [
            1,
            2,
            3
        ],
        "d": {
            "e": true
        }
    }

Harapan yang kurang ngeri dari jawaban di atas.

Solusi di bawah ini berfungsi bahkan jika Anda memiliki Peta bersarang

function stringifyMap(myMap) {
    function selfIterator(map) {
        return Array.from(map).reduce((acc, [key, value]) => {
            if (value instanceof Map) {
                acc[key] = selfIterator(value);
            } else {
                acc[key] = value;
            }

            return acc;
        }, {})
    }

    const res = selfIterator(myMap)
    return JSON.stringify(res);
}