convert a JSON object into an array field

Question

convert a JSON object into an array field

I am looking to convert a list of objects with the following structure:

{
    "idActivite": 1,
    "nomActivite": "Accueil des participants autour d’un café viennoiseries",
    "descriptionActivite": "",
    "lieuActivite": "",
    "typeActivite": "",
    "horaireDebActivite": 1512028800,
    "horaireFinActivite": 1512059388,
    "horaireDebSession": 1512030600,
    "horaireFinSession": 1512318588,
    "nomSession": "",
    "isInSession": false
}

to another format like this:

[
    "idActivite": 1,
    "nomActivite": "Accueil des participants autour d’un café viennoiseries",
    "descriptionActivite": "",
    "lieuActivite": "",
    "typeActivite": "",
    "horaireDebActivite": 1512028800,
    "horaireFinActivite": 1512059388,
    "horaireDebSession": 1512030600,
    "horaireFinSession": 1512318588,
    "nomSession": "",
    "isInSession": false
]

using TypeScript 2.5.

arrays json angular typescript

Answer 1

Answer №1

Although both concepts may seem similar, it is important to note that they are fundamentally different in nature. An array is a collection of elements accessed by numerical index, while the structure described in your example utilizes string-based indexes and thus falls under the category of objects according to the JSON specification. If you encounter difficulties iterating through such a structure, consider using the following code snippet:

for(var key in myObject){
  console.log(myObject[key]);
}

Answer 2

Although both concepts may seem similar, it is important to note that they are fundamentally different in nature. An array is a collection of elements accessed by numerical index, while the structure described in your example utilizes string-based indexes and thus falls under the category of objects according to the JSON specification. If you encounter difficulties iterating through such a structure, consider using the following code snippet:

for(var key in myObject){
  console.log(myObject[key]);
}

Answer 3

Answer №2

If you're looking to create an array in the format [ {key, value} ], you can use the following approach:

let exampleObject = { first: 1, second: 2 }
let newArray = []

for (const property in exampleObject) {
    newArray.push({ key: property, value: exampleObject[property] })
}

console.log(newArray)

This method maintains a linear scaling relationship with the size of the array being processed.

Answer 4

If you're looking to create an array in the format [ {key, value} ], you can use the following approach:

let exampleObject = { first: 1, second: 2 }
let newArray = []

for (const property in exampleObject) {
    newArray.push({ key: property, value: exampleObject[property] })
}

console.log(newArray)

This method maintains a linear scaling relationship with the size of the array being processed.

convert a JSON object into an array field

Answer №1

Answer №2

Similar questions

Determine the object ID of an element in the array at index x if you are already aware of the array[x]->ID

Utilize interface as a field type within a mongoose Schema

In Python, I've encountered a problem when creating a dictionary by iterating over a list of items. The issue is that all the list items end up getting added to every object in my

Collection<T> LINQ for JSON

Having trouble sending a JSON object from Typescript to a Web API endpoint via POST request

What is the best way to retrieve information from a database using JSON with PHP, JQUERY, and

Difficulty encountered while duplicating NSMutableArray

Angular 2: Harnessing the Power of Data-Binding with setTimeout

Issue with locating assets in Angular 6 build

Please ensure to close the dropdown menu once the function has been called

`Searching for the perfect code: Collection of jTextField elements`

Experimenting with viewProvider in a component test

Step-by-step guide to initializing a project using React with Typescript and a functional server-side script

Tips for ensuring that CSS hover effects stay in place even when the page is scrolled

Create an asynchronous method within an object-oriented programming (OOP) class

Issue with sending headers in HttpClient.post method in Angular 8

Checking radios or checkboxes will always result in a null value when retrieving their form values

Edit the JSON data within the Scrapy pipeline

Unable to retrieve data from a nested object within a JSON structure

Encountering issues when attempting to set up graphqlExpress due to type