Convert a map to a json object in angular

Question

I am currently developing an app with Angular 4. I want to know if it is possible to convert a map to json in angular ? this is my map stucture

  selectedLanguageDetails.set("languageName", element.languageName);
          selectedLanguageDetails.set("languageCode", element.languageCode);
          selectedLanguageDetails.set("internalId", element.internalId);

json structure

 "languages": [
    {
    "internalId": 101,
    "languageCode": "ms",
    "languageName": "Malay"
    }
    ],

In this case if you are just using strings for keys would you not be best just using a object selectedLanguageDetails={} and then you could just JSON.stringify it. Would save a lot of leg work. Your can also set object keys with dynamic data using '[a]: 'test''. I have never found a need to use Map over {}. Its not like java where you have to new up Maps etc. — rtn
– rtn, Commented Oct 27, 2017 at 8:52

Ori Drori · Accepted Answer · 2017-10-27 09:41:59Z

5

To convert to an object - spread the Map to get an array of [key, value] pairs, and Array#reduce to an object.

To convert to a string - Instead of reduce, use Array#map to convert each pair to a string, and Array#join the result:

const selectedLanguageDetails = new Map(); 
 
 selectedLanguageDetails.set("languageName", "English");
          selectedLanguageDetails.set("languageCode", "en");
          selectedLanguageDetails.set("internalId", 15);
          
const obj = [...selectedLanguageDetails].reduce((o, [key, value]) => (o[key] = value, o), {});

const string = [...selectedLanguageDetails].map(([key, value]) => `${key}:${value}`).join(', ');

console.log(obj);

console.log(string);

edited Oct 27, 2017 at 9:41

answered Oct 27, 2017 at 8:31

Ori Drori

196k32 gold badges243 silver badges233 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

amol rajput · Accepted Answer · 2020-05-11 07:14:04Z

2

For converting Map to JSON object or string you can use below code.

let jsonObject = {};  
selectedLanguageDetails.forEach((value, key) => {  
       jsonObject[key] = value  
});  
string jsonString = JSON.stringify(jsonObject);

answered May 11, 2020 at 7:14

amol rajput

1711 gold badge2 silver badges3 bronze badges

Collectives™ on Stack Overflow

Convert a map to a json object in angular

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related