Transform a JSON array into an array of objects using typescript

I have a JSON array that I need to convert into an object type array

JSON array

[  
0:{code: "00125", scheme: "0001", plotNumber: "125", propType: "001", plotType: "001"}
1:{code: "190", scheme: "0001", plotNumber: "NA 190", propType: "001", plotType: "001"}
2:{code: "210", scheme: "0001", plotNumber: "NA210", propType: "001", plotType: "001"}
]

Would like to transform it into an object array as follows 

 [
{code: "00125", scheme: "0001", plotNumber: "125", propType: "001", plotType: "001"},
{code: "190", scheme: "0001", plotNumber: "NA 190", propType: "001", plotType: "001"},
{code: "210", scheme: "0001", plotNumber: "NA210", propType: "001", plotType: "001"}
]
arraysjsontypescripttype-conversionangular5

Answer №1

This particular structure 

[  
   0:{code: "00125", scheme: "0001", plotNumber: "125", propType: "001", plotType: "001", }
   1:{code: "190", scheme: "0001", plotNumber: "NA 190", propType: "001", plotType: "001"}
   2:{code: "210", scheme: "0001", plotNumber: "NA210", propType: "001", plotType: "001"}
]

does not adhere to JSON format. Therefore, it cannot be converted as is. A valid JSON representation would resemble the following:

[  
   {"code": "00125", "scheme": "0001", "plotNumber": "125", "propType": "001", "plotType": "001" },
   {"code": "190", "scheme": "0001", "plotNumber": "NA 190", "propType": "001", "plotType": "001"}, 
   ...
]

Did you come across this structure assuming it was a JSON object? Or is this just a mock example that you manually created?

If you have an actual JSON string and need to convert it into an object, here's how you can do it:

let myObject = JSON.parse(jsonString);

Conversely, if you want to convert an object back into a JSON string, use the following method:

let jsonString = JSON.stringify(myObject);

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Transmitting a plethora of information using jQuery

Here's the code I currently have for sending data: var test={imagename:"apple.jpg",x:"13",y:"33"}; $.ajax({ type: "POST", url: "some.php", data: test, success: function(response){ console.log(response); } }); ...

phpjavascriptjqueryjson

Utilizing jQuery's POST Method to Fetch JSON Data on a Website

I've developed a Java REST API and now I want to retrieve JSON data on my website (which is built using HTML & CSS) by utilizing jQuery. The method to be used is POST, and here is the structure of my JSON: { "sessionID" : "25574", "interactiv ...

jqueryhtmlcssjsonrest

Discover the process of parsing JSON in Objective C using SBJSON

Can you provide guidance on how to pass a JSON String that has the following structure? {"lessons":[{"id":"38","fach":"D","stunde":"t1s1","user_id":"1965","timestamp":"0000-00-00 00:00:00"},{"id":"39","fach":"M","stunde":"t1s2","user_id":"1965","timestamp ...

objective-cjsonios4

Unraveling Complex JSON Structures in React

Having trouble reading nested JSON data from a places API URL call? Look no further! I've encountered issues trying to access all the information and nothing seems to be coming through in the console. While unnested JSON is not an issue, nested JSON p ...

javascriptjsonreactjsweb

pythoncreate an array, set initial values, and update for each iteration

I am struggling with initializing an array in my Python script. Despite my efforts to find a solution, I have come up empty-handed (perhaps due to using incorrect search terms). Here is the scenario I am dealing with: I am developing a Python script for a ...

pythonarrays

Updating an element within a JSON object in PHP: A step-by-step guide

I have a JSON object that looks like this: { "fields" : [ { "name" : "news_title", "type" : "text", "value" : "old title" }, { "name" : "news_co ...

phparraysjson

Processing JSON data on Android devices

I'm currently facing an issue where I am able to successfully read JSON data, however, I am encountering a problem when trying to add the resulting String into an ArrayList. Are there any suggestions as to why this might be happening? Below is the co ...

androidjson

Using a for loop or a while loop in Powershell to iterate through a JSON object

Hey there, I'm new to Powershell and looking for some help with looping. Can someone assist me with this? Below is the JSON format from a file called Test.json: { "Pre-Production_AFM": { "allowedapps": ["app1" ...

jsonpowershell

What is the best way to incorporate Typescript React Components across various projects?

I'm venturing into developing an npm package that involves several react components implemented with typescript. As a newcomer to react and npm, I apologize if my query seems basic. Despite researching online, there isn't much information on this ...

reactjstypescriptnpm

Converting int arrays into JSON for Spring RequestBody handling

I am facing an issue with my Spring controller method that requires a @RequestBody as a parameter. The structure of the request body class is like this: public class myClass { CustomObject obj int x int y int[] values Character c ...

javajsonspring-boot

I am facing difficulties retrieving the JSON object returned from the Express GET route in Angular

After setting up an express route, the following JSON is returned: [{"_id":"573da7305af4c74002790733","postcode":"nr22ry","firstlineofaddress":"20 high house avenue","tenancynumber":"12454663","role":"operative","association":"company","hash":"b6ba35492f3 ...

javascriptangularjsjsonexpress

Cypress encountered an error: Module '../../webpack.config.js' could not be located

Every time I attempt to run cypress, an error pops up once the window launches stating "Error: Cannot find module '../../webpack.config.js'" Within my plugins>index.js file, I have the following in module.exports webpackOptions: require('.. ...

typescriptwebpackvisual-studio-codealiascypress

Having an issue where the Material Angular 6 DatePicker is consistently displaying my selected date as one day earlier

I've encountered a strange issue with the current version of the Material Angular DatePicker. After upgrading from A5 to A6, it started to parse my date one day earlier than expected. You can see an example of this problem here: https://stackblitz.com ...

angulartypescriptdatepickerangular-material

Tips for displaying field options after typing parentheses in TypeScript in Visual Studio Code

Whenever the letter "b" is typed, the suggestion of "bar" appears. However, I would prefer if the suggestions show up immediately after typing the brackets. https://i.stack.imgur.com/OFTO4.png ...

typescriptvisual-studio-code

What is the purpose of uploading the TypeScript declaration file to DefinitelyTyped for a JavaScript library?

After releasing two JavaScript libraries on npm, users have requested TypeScript type definitions for both. Despite not using TypeScript myself and having no plans to rewrite the libraries in TypeScript, I am interested in adding the type definition files ...

javascripttypescriptnpmtypescript-typingsdefinitelytyped

Unit testing the error function within the subscribe method in Angular

I've been working on a unit test for the subscribe call, but I'm struggling to cover the error handling aspect of the subscribe method. The handleError function deals with statusCode=403 errors and other status codes. Any assistance would be grea ...

angulartypescriptunit-testingjasminekarma-jasmine

Tips for Effectively Adding Deciphered JSON Data into a Mysql Database

I have been struggling to figure out how to get my php code working with my database by searching online, but I'm having trouble understanding it all! That's why I decided to reach out and ask for help or guidance on this issue. Any assistance wo ...

phpmysqljsonmysqli

Verify if the parsed JSON data is equal to NSNULL

I need assistance with parsing a JSON response and checking if one of my keys is null. Here is the code I am currently using: var routingNumber = (dic.value(forKey: "result") as! NSDictionary).value(forKey: "routingNumber") as! String When I run this cod ...

jsonswiftnsnull

How can TypeScript rules be incorporated into a Next.js project without compromising next/core-web-vitals?

In my current NextJS project which is in typescript, I have the following configuration in my .eslintrc.json: { "extends": "next/core-web-vitals" } Now, I want to include additional typescript rules, such as enforcing the rule of n ...

javascriptreactjstypescriptnext.jseslint

Learn how to display data from the console onto an HTML page using Angular 2

I am working on a page with 2 tabs. One tab is for displaying active messages and the other one is for closed messages. If the data active value is true, the active messages section in HTML should be populated accordingly. If the data active is false, th ...

angulartypescript