আপনি কীভাবে একটি ES6 মানচিত্র JSON.stringify করবেন?

Question 1

আমি জেএস বস্তুর পরিবর্তে ইএস Map মানচিত্রটি ব্যবহার শুরু করতে চাই তবে আমাকে পিছনে আটকে রাখা হচ্ছে কারণ আমি কীভাবে JSON.stringify () কোনও মানচিত্র করব তা বুঝতে পারি না। আমার কীগুলি স্ট্রিং হওয়ার গ্যারান্টিযুক্ত এবং আমার মানগুলি সর্বদা তালিকাবদ্ধ থাকবে। সিরিয়ালাইজ করার জন্য আমাকে কি আসলে একটি র‌্যাপার পদ্ধতি লিখতে হবে?

Question 2

উভয় JSON.stringifyএবং JSON.parseএকটি দ্বিতীয় যুক্তি সমর্থন। replacerএবং reviverযথাক্রমে Replacer এবং নীচে পুনরুদ্ধারকের সাথে গভীর নেস্ট করা মান সহ দেশীয় মানচিত্র অবজেক্টের জন্য সমর্থন যুক্ত করা সম্ভব

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

ব্যবহার :

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

অ্যারে, অবজেক্টস এবং মানচিত্রের সংমিশ্রণে গভীর নেস্টিং

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

Question 3

উদাহরণটিতে Mapকোনও বৈশিষ্ট্য না থাকায় আপনি সরাসরি সংশ্লেষ করতে পারবেন না তবে আপনি এটি টিপলসের একটি অ্যারে রূপান্তর করতে পারেন:

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

বিপরীতে, ব্যবহার করুন

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

Question 4

আপনি পারবেন না।

মানচিত্রের কীগুলি বস্তুগুলি সহ যে কোনও কিছু হতে পারে। তবে জেএসএন সিনট্যাক্স কেবল স্ট্রিংকে কী হিসাবে অনুমতি দেয়। সুতরাং এটি সাধারণ ক্ষেত্রে অসম্ভব।

আমার কীগুলি স্ট্রিং হওয়ার গ্যারান্টিযুক্ত এবং আমার মানগুলি সর্বদা তালিকাগুলিতে থাকবে

এই ক্ষেত্রে, আপনি একটি সরল বস্তু ব্যবহার করতে পারেন। এর এই সুবিধাগুলি থাকবে:

এটি JSON এ স্ট্রিংফাই করতে সক্ষম হবে।
এটি পুরানো ব্রাউজারগুলিতে কাজ করবে।
এটি দ্রুত হতে পারে।

Question 5

যদিও বাস্তবে স্ক্রিপ্ট দ্বারা কোনও পদ্ধতি সরবরাহ করা হয়নি, JSON.stingifyআপনি যদি Mapজাভাস্ক্রিপ্টের আদিম মানচিত্রটি মানচিত্র করেন তবে এটি ব্যবহার করে এখনও করা যেতে পারে । আমরা যে নমুনাটি Mapব্যবহার করব তা এখানে ।

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

একটি জাভাস্ক্রিপ্ট অবজেক্টে যাচ্ছি

আপনি নিম্নলিখিত সহায়ক ফাংশন দিয়ে জাভাস্ক্রিপ্ট অবজেক্ট আক্ষরিক রূপান্তর করতে পারেন।

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

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

জাভাস্ক্রিপ্ট অ্যারে অবজেক্টে যাচ্ছি

এর জন্য সহায়ক ফাংশনটি আরও কমপ্যাক্ট হবে

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

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

অ্যারে অফ অ্যারে যাচ্ছেন

এটি আরও সহজ, আপনি কেবল ব্যবহার করতে পারেন

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

Question 6

স্প্রেড সিট্যাক্স মানচিত্র ব্যবহার করে এক লাইনে ক্রমিক করা যেতে পারে:

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

এবং এটি দিয়ে deserialize:

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

Question 7

একটি Mapউদাহরণ স্ট্রাইফাই করুন (কী হিসাবে বস্তুগুলি ঠিক আছে) :

JSON.stringify([...map])

বা

JSON.stringify(Array.from(map))

বা

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

আউটপুট ফরমেট:

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

Question 8

একটি ভাল সমাধান

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

আউটপুট

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

আশা করি যে উপরের উত্তরগুলির চেয়ে কম ক্রিংজি।

Question 9

আপনি মানচিত্রে নেস্ট করে থাকলেও নীচে সমাধানটি কাজ করে

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

Question 10

আপনার উদাহরণটি একটি সাধারণ ব্যবহারের ক্ষেত্রে দেওয়া হয়েছে যা কীগুলি সাধারণ ধরণের হতে চলেছে, আমি মনে করি এটি কোনও মানচিত্রকে জেএসএন রূপান্তরিত করার সহজতম উপায়।

JSON.stringify(Object.fromEntries(map));

মানচিত্রের অন্তর্নিহিত ডেটা কাঠামো সম্পর্কে আমি যেভাবে চিন্তা করি তা হ'ল কী-মান জোড়ার অ্যারে হিসাবে (নিজেরাই অ্যারে হিসাবে)। সুতরাং, এর মতো কিছু:

const myMap = new Map([
     ["key1", "value1"],
     ["key2", "value2"],
     ["key3", "value3"]
]);

যেহেতু অন্তর্নিহিত ডেটা স্ট্রাকচারটি আমরা অবজেক্ট.এন্ট্রিগুলিতে যা পাই তা হ'ল আমরা Object.fromEntries()কোনও মানচিত্রের নেটিভ জাভাস্ক্রিপ্ট পদ্ধতিটি যেমন কোনও অ্যারেতে ব্যবহার করতে পারি:

Object.fromEntries(myMap);

/*
{
     key1: "value1",
     key2: "value2",
     key3: "value3"
}
*/

এবং তারপরে আপনি যা যা রেখে গেছেন তা হ'ল JSON.stringify () এর ফলাফলটিতে।