How to create a string of key-value pair object from an array of objects?

Question

I have a list of objects coming from the backend like below

  const paramData = [
    {id: "search_type", value: "All items", required: true},
    {id: "time_period", value: "Week", required: false},
    {id: "user_type", value: "All Users", required: false},
    {id: "question_type", value: "Multiple questions", required: true},
  ];

I would like to extract the values of only the id and the value key of each object and make something like below

  const extractedData = "{\"search_type\": \"All items\", \"time_period\": \"Week\", \"user_type\": \"All Users\", \"question_type\": \"Multiple questions\"}";

What would be the optimum way to achieve this?

ilkerkaran · Accepted Answer · 2021-02-25 14:20:43Z

2

You can use reduce;

  const extractedData = paramData.reduce((obj, item) => {
     obj[item.id] = item.value
     return obj
   }, {})

Please see detailed description here I also strongly recommend map and filter. With reduce, they are 3 stars of array

answered Feb 25, 2021 at 14:20

ilkerkaran

4,3923 gold badges31 silver badges45 bronze badges

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

Comments

AbsoluteBeginner · Accepted Answer · 2021-02-27 12:35:11Z

0

An alternative solution to ilkerkaran's one could be:

const paramData = [{
  id: "search_type",
  value: "All items",
  required: true
}, {
  id: "time_period",
  value: "Week",
  required: false
}, {
  id: "user_type",
  value: "All Users",
  required: false
}, {
  id: "question_type",
  value: "Multiple questions",
  required: true
},];

var extractedData = "";

for (var i in paramData) {
  extractedData += `"${paramData[i].id}": "${paramData[i].value}", `;
}

extractedData = `{${extractedData.slice(0, -2)}}`;

console.log(extractedData);

edited Feb 27, 2021 at 12:35

answered Feb 25, 2021 at 15:58

AbsoluteBeginner

2,2833 gold badges15 silver badges24 bronze badges

Collectives™ on Stack Overflow

How to create a string of key-value pair object from an array of objects?

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