Converting a JavaScript object into JSON format

Question

Converting a JavaScript object into JSON format

I am currently working on serializing a JavaScript object to JSON. Here is the code I have written so far:

var info = {};

...

$.each(data, function (key, value) {
           info["name"] = value.name;
            info["id"] = value.id;
                        });
...

console.log(JSON.stringify(info));

However, the output I receive is : {}

If anyone has suggestions on how to achieve the desired output like the one below, it would be greatly appreciated:

[{name: "John", id: "1"},
 {name: "Anna", id: "2"},
 {name: "Peter", id: "3"}]

Thank you.

javascript json

Answer 1

Answer №1

To successfully complete the task at hand, you should:

Transform your info variable into an array instead of a JSON object.

Revise your code as follows:

let infoArray = [];

$.each(data, function (key, value) {
         infoArray.push({
             name: value.name,
             id: value.id
         });
});

Answer 2

To successfully complete the task at hand, you should:

Transform your info variable into an array instead of a JSON object.

Revise your code as follows:

let infoArray = [];

$.each(data, function (key, value) {
         infoArray.push({
             name: value.name,
             id: value.id
         });
});

Converting a JavaScript object into JSON format

Answer №1

Similar questions

converting an angular object into a string representation

Is it possible for me to add images to the input file individually before submitting them all at once?

"Running 'npm run build' in Vuejs seems to have a mind of its own, acting

Binding Data in Vue Multiselect

Use a conditional statement for each element within the array

Consistently obtaining the same outcome in JavaScript, always

Rejuvenating a template generated on the server in AngularJS

Obtain the URL for making an asynchronous request using PHP and SQL

Add opening and closing HTML tags to enclose an already existing HTML structure

How can I show/hide a div based on checkbox click on my website? It works in jsFiddle, but not on my actual site. Any suggestions?

jQuery fails to fetch information

.then function not functioning properly in Axios DELETE request in a React project

Create custom error messages for loopback instead of using the default ones

Conceal the Div containing the specified class

Converting a Plain Old Java Object (POJO) with a slash in the variable name into JSON format

Scroll to the top of jQuery DataTables when clicking pages in a random order from the bottom to the top and

iOS experiences a lag in loading dynamic images

What could be causing my Angular.js application to malfunction on IE7?

Problem with Google's PageSpeed Insights - Focus on Making Most Important Content Visible

Utilizing Firebase push notifications with multiple google-service.json files within a single Android Studio project