Getting into nested information in a JSON string using TypeScript

Question

Getting into nested information in a JSON string using TypeScript

I need help accessing the data values (data1, data2, and date) from this JSON structure. I would like to store these values in an array that can be sorted by date:

{
"07" : {
  "07" : {
    "data1" : "-1",
    "data2" : "test",
    "date" : "1995-07-07"
  },
  "08" : {
    "data1" : "1",
    "data2" : "test",
    "date" : "1995-07-08"
  },
  "09" : {
    "data1" : "-1",
    "data2" : "test",
    "date" : "1995-07-09"
  },
  "10" : {
    "data1" : "-1",
    "data2" : "test",
    "date" : "1995-07-10"
  }
},
"08" : {
  "07" : {
    "data1" : "1",
    "data2" : "test",
    "date" : "1995-08-07"
  },
  "08" : {
    "data1" : "1",
    "data2" : "test",
    "date" : "1995-08-08"
  },
  "09" : {
    "data1" : "1",
    "data2" : "test",
    "date" : "1995-08-09"
  }
}
}

Since my keys are not constant, I am unsure of their values in advance.

json typescript

Answer 1

Answer №1

A solution to filling in missing functionality for Object.entries:

const reduce = Function.bind.call(Function.call, Array.prototype.reduce);
const isEnumerable = Function.bind.call(Function.call, Object.prototype.propertyIsEnumerable);
const concat = Function.bind.call(Function.call, Array.prototype.concat);
const keys = Reflect.ownKeys;

if (!Object.values) {
    Object.values = function values(O) {
        return reduce(keys(O), (v, k) => concat(v, typeof k === 'string' && isEnumerable(O, k) ? [O[k]] : []), []);
    };
}

if (!Object.entries) {
    Object.entries = function entries(O) {
        return reduce(keys(O), (e, k) => concat(e, typeof k === 'string' && isEnumerable(O, k) ? [[k, O[k]]] : []), []);
    };
}

Sample code:

for (const [key, value] of Object.entries(myObject))
        {
            for (const [key2, value2] of Object.entries(value))
            {
                value2.data1;
                value2.data2;
                value2.date;
            }
        }

To avoid using Object.entries, you can enumerate an object like this.

for (var key in myObject)
{
    for (var key2 in myObject[key])
    {
        myObject[key][key2].data1;
        myObject[key][key2].data2;
        myObject[key][key2].date;
    }
}

Answer 2

A solution to filling in missing functionality for Object.entries:

const reduce = Function.bind.call(Function.call, Array.prototype.reduce);
const isEnumerable = Function.bind.call(Function.call, Object.prototype.propertyIsEnumerable);
const concat = Function.bind.call(Function.call, Array.prototype.concat);
const keys = Reflect.ownKeys;

if (!Object.values) {
    Object.values = function values(O) {
        return reduce(keys(O), (v, k) => concat(v, typeof k === 'string' && isEnumerable(O, k) ? [O[k]] : []), []);
    };
}

if (!Object.entries) {
    Object.entries = function entries(O) {
        return reduce(keys(O), (e, k) => concat(e, typeof k === 'string' && isEnumerable(O, k) ? [[k, O[k]]] : []), []);
    };
}

Sample code:

for (const [key, value] of Object.entries(myObject))
        {
            for (const [key2, value2] of Object.entries(value))
            {
                value2.data1;
                value2.data2;
                value2.date;
            }
        }

To avoid using Object.entries, you can enumerate an object like this.

for (var key in myObject)
{
    for (var key2 in myObject[key])
    {
        myObject[key][key2].data1;
        myObject[key][key2].data2;
        myObject[key][key2].date;
    }
}

Answer 3

Answer №2

If you want to extract all the key names from your JSON data and store them in an array, you can use the following method:

const keys = Object.getOwnPropertyNames(jsonData);

For instance, if your JSON data includes keys '07' and '08', the above code will create an array ['07', '08']. To access the actual objects corresponding to these keys, you can iterate through the keys like this:

keys.forEach((key) => {
    const object = Object.getOwnPropertyDescriptor(jsonData, key);
})

You can then retrieve the names of the keys within these objects by iterating again:

objects.forEach((object) => {
    const subKeys = Object.getOwnPropertyNames(object);
})

Answer 4

If you want to extract all the key names from your JSON data and store them in an array, you can use the following method:

const keys = Object.getOwnPropertyNames(jsonData);

For instance, if your JSON data includes keys '07' and '08', the above code will create an array ['07', '08']. To access the actual objects corresponding to these keys, you can iterate through the keys like this:

keys.forEach((key) => {
    const object = Object.getOwnPropertyDescriptor(jsonData, key);
})

You can then retrieve the names of the keys within these objects by iterating again:

objects.forEach((object) => {
    const subKeys = Object.getOwnPropertyNames(object);
})

Getting into nested information in a JSON string using TypeScript

Answer №1

Answer №2

Similar questions

How to eliminate escape characters in Jquery Post requests

The error `TypeError: Unable to access properties of an undefined value (reading 'authService')` occurred

Leveraging polymorphism during deserialization with Jackson and MrBean

Ways to extract information from a JSON dataset

Error: The property 'target' cannot be read

Is there a way to verify if a value is undefined before including it as an object field?

What is the process for declaring global mixins and filters on a Vue class-based TypeScript component?

Troubleshooting native web worker issues in Angular 11 - Addressing the Element Bug

Enhancing the JSON output of ActionResult in Asp WebApi for a more aesthetically

Using TypeScript in .cshtml Razor Files

employing express.json() post raw-body

"Are you experiencing issues with the Ajax Success function not getting triggered upon returning from the Controller

How to transfer a parameter in Angular 2

Tips for displaying JSON in C# using Nancyframework

Substitute specific characters in a string using Regex or Gsub

Check the @versionColumn value for validation prior to the entity save operation in TypeORM

JavaScript - Modifying several object properties within an array of objects

What is the best way to determine the frequency of each element in a two-dimensional array that has been read from a file?

Splitting JSON data into groups using Python 3

Utilizing JSON for the setAttribute() method