Ways to convert JavaScript object to hashmap

Question

Ways to convert JavaScript object to hashmap

I am attempting to generate a map of type <String, Array()> from a JSON object. Suppose I have the following JSON structure:

[
    {
        "userId": "123123",
        "password": "fafafa",
        "age": "21"
    },
    {
        "userId": "321321",
        "password": "nana123",
        "age": "34"
    }
]

The desired map should have the format:

key (string), value (array)

{
    "userId": [
        "123123",
        "321321"
    ],
    "password": [
        "fafafa",
        "nana123"
    ],
    "age": [
        "21",
        "34"
    ]
}

Would it be possible to achieve this? :/

Many thanks in advance.

javascript json dictionary

Answer 1

Answer №1

Demo

var data = '[{"productId" : "987", "price": "50", "quantity": "2"}, {"productId" : "654", "price" : "30", "quantity" : "1"}]';

var items = JSON.parse(data);
var result = {};

for(var j=0; j<items.length; j++)
{
    for(var itemKey in items[j])
    {
        if(items[j].hasOwnProperty(itemKey))
        {
            if(typeof result[itemKey] == 'undefined')
            {
                result[itemKey] = [];
            }
            result[itemKey].push(items[j][itemKey]);
        }
    }
}

document.write(JSON.stringify(result));

Generated Output:

{"productId":["987","654"],"price":["50","30"],"quantity":["2","1"]}

Answer 2

Demo

var data = '[{"productId" : "987", "price": "50", "quantity": "2"}, {"productId" : "654", "price" : "30", "quantity" : "1"}]';

var items = JSON.parse(data);
var result = {};

for(var j=0; j<items.length; j++)
{
    for(var itemKey in items[j])
    {
        if(items[j].hasOwnProperty(itemKey))
        {
            if(typeof result[itemKey] == 'undefined')
            {
                result[itemKey] = [];
            }
            result[itemKey].push(items[j][itemKey]);
        }
    }
}

document.write(JSON.stringify(result));

Generated Output:

{"productId":["987","654"],"price":["50","30"],"quantity":["2","1"]}

Answer 3

Answer №2

function mergeObjectsProperties(inputArr) {
  return inputArr.reduce(function(accumulator, currentObj) { // Iterate through each object in the array.
    Object.keys(currentObj).forEach(function(key) { // Iterate through each key in the current object.
      if (!(key in accumulator)) { accumulator[key] = []; } // Create an empty array for the key if it doesn't exist.
      accumulator[key].push(currentObj[key]); // Add the property value to the corresponding key's array in the accumulator.
    });
    return accumulator;
  }, {});
}

var jsonData = '[{"userId" : "123123", "password": "fafafa", "age": "21"}, {"userId" : "321321", "password" : "nana123", "age" : "34"}]';

mergeObjectsProperties(JSON.parse(jsonData));
// {
//   "userId": ["123123", "321321"],
//   "password": ["fafafa", "nana123"],
//   "age": ["21", "34"]
// }

Answer 4

function mergeObjectsProperties(inputArr) {
  return inputArr.reduce(function(accumulator, currentObj) { // Iterate through each object in the array.
    Object.keys(currentObj).forEach(function(key) { // Iterate through each key in the current object.
      if (!(key in accumulator)) { accumulator[key] = []; } // Create an empty array for the key if it doesn't exist.
      accumulator[key].push(currentObj[key]); // Add the property value to the corresponding key's array in the accumulator.
    });
    return accumulator;
  }, {});
}

var jsonData = '[{"userId" : "123123", "password": "fafafa", "age": "21"}, {"userId" : "321321", "password" : "nana123", "age" : "34"}]';

mergeObjectsProperties(JSON.parse(jsonData));
// {
//   "userId": ["123123", "321321"],
//   "password": ["fafafa", "nana123"],
//   "age": ["21", "34"]
// }

Answer 5

Answer №3

By using Javascript's JSON.stringify method, you can easily transform a JSON compatible object structure into a JSON string.

Answer 6

By using Javascript's JSON.stringify method, you can easily transform a JSON compatible object structure into a JSON string.

Ways to convert JavaScript object to hashmap

Answer №1

Answer №2

Answer №3

Similar questions

Tips for restricting users from inputting spaces into a form field using ReactJS

Clicking the mouse within three.js

What is the recommended data type to assign to the `CardElement` when using the `@stripe/react-stripe-js` package in TypeScript?

Enhance Summernote functionality by creating a custom button that can access and utilize

Looking to construct dynamic checkboxes in Angular by parsing a JSON object retrieved through AJAX

Using Angular JS version 1.2.26 to implement promises within a forEach iteration

Unable to render Angular charts

The ideal formats for tables and JavaScript: How to effectively retrieve arrays from a table?

Replace the content within the iFrame completely

What steps should I take to generate a stylized date input in javascript?

Encountering issues with Jackson deserialization when handling nested objects that have interdependent references, leading to UnresolvedForwardReference

How can I verify if a date is after the current date using Node.js?

Step-by-step guide on loading images using AsyncTask

Determine future dates based on selected date and time

Refresh an Angular page automatically

Is it possible to execute JavaScript in VSCode without the need for Node.js?

Exploring multilevel JSON data in MariaDB/MySQL to pinpoint a particular value

What is the best way to switch back and forth between two div elements?

Ways to utilize array reduce for organizing information

Unspecified property in Vue.JS data object