Exploring JSON data using JavaScript map functions

Question

Exploring JSON data using JavaScript map functions

I've been grappling with iterating through a JSON that contains a map within a map for hours, but have had no success...

Here is the JSON string:

 {
  "P31": {
    "wikibase-entityid": "Q16603799"
  },
  "P227": {
    "string": "1084653095"
  },
  "P1001": {
    "wikibase-entityid": "Q183"
  },
  "P1448": {
    "monolingualtext": "Verordnung über Sicherheit und Gesundheitsschutz bei der Verwendung von Arbeitsmitteln"
  },
  "P1813": {
    "monolingualtext": "Betriebssicherheitsverordnung"
  },
  "P7677": {
    "string": "betrsichv_2015"
  },
  "P580": {
    "time": "+2002-10-03T00:00:00Z"
  },
  "P2671": {
    "string": "/g/1224z0c0"
  },
  "P9696": {
    "string": "11477"
  }
}

For a visual guide, refer to this image: https://i.sstatic.net/KbI4q.png

Please note that each property can have multiple values.

Essentially, I am looking to create a loop in which I have access to the property (e.g. PXXX), the type of the property (key in the inner map), and the value of the property (value in the inner map).

I've attempted to convert the string into a Map using methods like "new Map(JSON.parse(jsonStr))", "new Map(Object.entries(jsonStr))", and others, but without success.

Furthermore, my attempts at iterating through it with "for (var key in obj)" and "myMap.forEach((value_propertyInfo, key_propertyName) => {...}" have also been unsuccessful.

At times it feels like I'm iterating character by character, while other times it simply throws an error stating that the map is not iterable.

If anyone has any suggestions on what alternative approach I should be taking, I would greatly appreciate it!

Thank you!

javascript json loops dictionary format

Answer 1

Answer №1

If you want to access the properties of an object without using Map, you can simply iterate over the data object. Log the key first, then loop over the property's entries to log both the key and the value.

const data = {"P31":{"wikibase-entityid":"Q16603799"},"P227":{"string":"1084653095"},"P1001":{"wikibase-entityid":"Q183"},"P1448":{"monolingualtext":"Verordnung über Sicherheit und Gesundheitsschutz bei der Verwendung von Arbeitsmitteln"},"P1813":{"monolingualtext":"Betriebssicherheitsverordnung"},"P7677":{"string":"betrsichv_2015"},"P580":{"time":"+2002-10-03T00:00:00Z"},"P2671":{"string":"/g/1224z0c0"},"P9696":{"string":"11477"}};

for (const key in data) {
  console.log(key);
  const entries = Object.entries(data[key]);
  for (const [key, value] of entries) {
    console.log(key, value);
  }
}

Answer 2

If you want to access the properties of an object without using Map, you can simply iterate over the data object. Log the key first, then loop over the property's entries to log both the key and the value.

const data = {"P31":{"wikibase-entityid":"Q16603799"},"P227":{"string":"1084653095"},"P1001":{"wikibase-entityid":"Q183"},"P1448":{"monolingualtext":"Verordnung über Sicherheit und Gesundheitsschutz bei der Verwendung von Arbeitsmitteln"},"P1813":{"monolingualtext":"Betriebssicherheitsverordnung"},"P7677":{"string":"betrsichv_2015"},"P580":{"time":"+2002-10-03T00:00:00Z"},"P2671":{"string":"/g/1224z0c0"},"P9696":{"string":"11477"}};

for (const key in data) {
  console.log(key);
  const entries = Object.entries(data[key]);
  for (const [key, value] of entries) {
    console.log(key, value);
  }
}

Answer 3

Answer №2

To iterate through the object's properties and extract propertyId, propertyName, and propertyValue for each item, you can use the following code snippet:

let data = //the object retrieved from the JSON

Object.keys(data).forEach((property) => {
    //Assuming each item has only one property and that is the desired property
    let dataType = Object.keys(data[property])[0];
    let value = data[property][dataType];
});

Answer 4

To iterate through the object's properties and extract propertyId, propertyName, and propertyValue for each item, you can use the following code snippet:

let data = //the object retrieved from the JSON

Object.keys(data).forEach((property) => {
    //Assuming each item has only one property and that is the desired property
    let dataType = Object.keys(data[property])[0];
    let value = data[property][dataType];
});

Answer 5

Answer №3

The current data structure is not very efficient. It relies on variable property names such as "PXXX" in the outer objects and the type in the inner objects. An ideal approach would be to have fixed property names with only the values varying. The best solution would involve using an array and iteration like this:

a=[
[prop, type, value],
[prop, type, value], // {"prop": prop, "type": type, "value":value} is also good
...
]
for(const [prop, type, value] of a) handleProperty(prop, type, value);

To achieve something close to this, we can manipulate the JSON string before parsing it:

s='{"P31":{"wikibase-entityid":"Q16603799"},"P227":{"string":"1084653095"},"P1001":{"wikibase-entityid":"Q183"},"P1448":{"monolingualtext":"Verordnung über Sicherheit und Gesundheitsschutz bei der Verwendung von Arbeitsmitteln"},"P1813":{"monolingualtext":"Betriebssicherheitsverordnung"},"P7677":{"string":"betrsichv_2015"},"P580":{"time":"+2002-10-03T00:00:00Z"},"P2671":{"string":"/g/1224z0c0"},"P9696":{"string":"11477"}}'

data=JSON.parse(s.replaceAll(':{',':[').replaceAll('":"','","').replaceAll('"}','"]'))
/* We now have
data={
prop:[type, value],
prop:[type, value],
...
}*/

for(const [prop,[type, value]] of Object.entries(data)) console.log(prop,type,value)

This can be achieved using Object.entries() along with destructuring assignment.

If you prefer not to modify the JSON string, then you'll need to use

Answer 6

The current data structure is not very efficient. It relies on variable property names such as "PXXX" in the outer objects and the type in the inner objects. An ideal approach would be to have fixed property names with only the values varying. The best solution would involve using an array and iteration like this:

a=[
[prop, type, value],
[prop, type, value], // {"prop": prop, "type": type, "value":value} is also good
...
]
for(const [prop, type, value] of a) handleProperty(prop, type, value);

To achieve something close to this, we can manipulate the JSON string before parsing it:

s='{"P31":{"wikibase-entityid":"Q16603799"},"P227":{"string":"1084653095"},"P1001":{"wikibase-entityid":"Q183"},"P1448":{"monolingualtext":"Verordnung über Sicherheit und Gesundheitsschutz bei der Verwendung von Arbeitsmitteln"},"P1813":{"monolingualtext":"Betriebssicherheitsverordnung"},"P7677":{"string":"betrsichv_2015"},"P580":{"time":"+2002-10-03T00:00:00Z"},"P2671":{"string":"/g/1224z0c0"},"P9696":{"string":"11477"}}'

data=JSON.parse(s.replaceAll(':{',':[').replaceAll('":"','","').replaceAll('"}','"]'))
/* We now have
data={
prop:[type, value],
prop:[type, value],
...
}*/

for(const [prop,[type, value]] of Object.entries(data)) console.log(prop,type,value)

This can be achieved using Object.entries() along with destructuring assignment.

If you prefer not to modify the JSON string, then you'll need to use

Exploring JSON data using JavaScript map functions

Answer №1

Answer №2

Answer №3

Similar questions

Designing a comprehensive window evaluator for color selection

Leveraging Raycaster in Three.js to identify the children of ArrowHelper, specifically line and cone elements

Resizable and adaptable side panel

Executing a NestJs cron job at precise intervals three times each day: a guide

Is there a way to retrieve a value from localStorage and use it to automatically set the selected option in a UL-based dropdown list upon page load

FormArray does not properly handle invalid input focus

Is there a way to update the value of an element that is continuously changing through a setInterval() function when hovering the mouse over it?

In React, a singular reference cannot establish focus amidst an array of references

Fancybox fails to open when clicking on the submit form

What is the best way to display an image path and add it to the Ajax success function in a CodeIgniter application?

Closing the React Material UI drawer with nested list items upon clickingORClicking on nested list

Remove the default selection when a different option is chosen using Bootstrap

How is the server architecture typically designed in a node.js application?

Retrieving information from Mongodb using Angularjs

Arrays that contain multiple dimensions

What is the best way to achieve this particular grid layout using html and css?

Loading Child Controller Instead of Parent Controller in Angular UI-Router

Read in a CSV document within my JavaScript application

The google analytics tag is failing to function properly after implementing ajax on the

The backend error message isn't triggering an alert!