How to convert json string to object in jquery

Question

1.00/5 (1 vote)

See more:

Hi Guys,

I have code like this:

var controlNameAndValues = [
{ controlName: 'txt1', controlValue: 'yellow' },
{ controlName: 'txt2', controlValue: 'blue' },
{ controlName: 'txt3', controlValue: 'red' }
];

This works perfect but the issue is that now my controlNameAndValues is dynamic. So how can i convert the dynamic controlNameAndValues to work like the above hard coded value. The above controlNameAndValues gives list of objects which has values but the dynamically generated does not have object list like I wanted. Can you please help me out.

What I have tried:

//this is for dynamically generating controlNameAndValue

$("input[type='text']").each(function () {
if ($(this).attr("id") != null) {
var controlName = $(this).attr("id");
var controlValue = $('#' + controlName + '').val();
controlNameAndValues += '{ controlName:' + '\'' + controlName + '\'' + ',controlValue:' + '\'' + controlValue +'\'}';
i++;
if(i < $("input[type='text']").length)
{
controlNameAndValues += ",";
}
}
});
controlNameAndValues += "]";
controlNameAndValues = $.parseJSON(JSON.stringify(controlNameAndValues));

Posted 29-Jun-16 5:30am

BishnuKarki

Updated 29-Jun-16 6:21am

Add a Solution

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Richard Deeming · Answer 1 · 2016-06-29T06:21:00

Solution 2

Why bother? Instead of creating a JSON string just to parse it back to an object, just build the object instead:

JavaScript

var controlNameAndValues = [];

$("input[type='text'][id]").each(function () {
    controlNameAndValues.push({
        controlName: this.id,
        controlValue: $(this).val()
    });
});

// Do something with controlNameAndValues here...

Posted 29-Jun-16 6:21am

Richard Deeming

Comments

Sergey Alexandrovich Kryukov 29-Jun-16 12:23pm

You are right, a 5.
—SA

Sergey Alexandrovich Kryukov · Answer 2 · 2016-06-29T05:33:00

Solution 1

This is how: JSON.parse() — JavaScript.

Another way is using eval which is not recommended by one good reason: it is unsafe; the string may be not JSON but still evaluate, execute and produce some dangerous side effects.

—SA

Posted 29-Jun-16 5:33am

Sergey Alexandrovich Kryukov

Updated 29-Jun-16 5:35am

v2

Comments

Richard Deeming 29-Jun-16 12:22pm

Much simpler to avoid the conversion in the first place - see solution 2. :)

Sergey Alexandrovich Kryukov 29-Jun-16 12:27pm

I agree, but I just answered the question on its different level, because it was formulated this way: how to "convert" JSON string. This is still a valid question and the problem unresolved by the inquirer; and my answer is still correct.

At the same time, I fully agree with the idea that many questions should not be answered as formulated, and some more reasonable help should be provided based on what the inquirer really needs, not what he thinks he needs (important difference). I just did not dig into it in this case.

—SA