Convert string part of object to object Javascript

Question

I have an object which has strings as values, but I want to convert them to objects.

Here is a working example of the object in question.

var test = {
    val1: "[{"test":"testval","test2": "testval2"}]",
    val2: "[{"test":"testval","test2": "testval2"}]",
    val3: "[{"test":"testval","test2": "testval2"}]"
}

I have tried JSON.parse(test) and...

var output;
for(var key in test){
    output += JSON.parse(test[key]);
}

TLDR: Want to "unstring" the object values to make them an (sub)object.

This is not valid JS: val1: "[{"test":"testval","test2": "testval2"}]", - perhaps you meant val1: '[{"test":"testval","test2": "testval2"}]', — mplungjan
– mplungjan, Commented Jan 3, 2017 at 14:04

Maurice Perry · Accepted Answer · 2017-01-03 13:59:20Z

2

How about:

for(var key in test){
    test[key] = JSON.parse(test[key]);
}

answered Jan 3, 2017 at 13:59

Maurice Perry

9,6802 gold badges15 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Arnial · Accepted Answer · 2017-01-03 14:04:06Z

2

Operator =+ do not work with objects as you expect. Check {a:1} + {b:2} in console.

You should create empty object. Then set parsed JSON strings as properties.

This will work.

var output = {};
for(var key in test){
    output[ key ] = JSON.parse(test[key]);
}

edited Jan 3, 2017 at 14:04

answered Jan 3, 2017 at 13:58

Arnial

1,4611 gold badge11 silver badges10 bronze badges

Comments

Aditya Singh · Accepted Answer · 2017-01-03 13:58:37Z

1

It doesn't work because you are trying to parse an object and not a string. JSON.parse doesn't work on object but a JSON string.

Also, there is a syntax error that you are using " instead of ' to specify the JSON strings. Change your code as below:

var test = {
    val1: '[{"test":"testval","test2": "testval2"}]',
    val2: '[{"test":"testval","test2": "testval2"}]',
    val3: '[{"test":"testval","test2": "testval2"}]'
}

var output = {};
for(var key in test){
  output[key]= JSON.parse(test[key]);
}

console.log(output);

answered Jan 3, 2017 at 13:58

Aditya Singh

16.8k15 gold badges49 silver badges70 bronze badges

Comments

Mr. Polywhirl · Accepted Answer · 2017-01-03 14:03:47Z

1

This can be done with a for-loop.

Your "String" values do not seem to be valid JavaScript. Please make sure you start with a single quote or escape the double-quotes.

var test = {
    val1: '[{"test":"testval","test2":"testval2"}]',
    val2: '[{"test":"testval","test2":"testval2"}]',
    val3: '[{"test":"testval","test2":"testval2"}]'
};

// Convert all values to objects.
Object.keys(test).forEach(key => test[key] = JSON.parse(test[key]));

// Print modified object.
console.log(JSON.stringify(test, null, 4));

.as-console-wrapper { top:0; max-height:100% !important; }

answered Jan 3, 2017 at 14:03

Mr. Polywhirl

49.1k12 gold badges96 silver badges147 bronze badges

Collectives™ on Stack Overflow

Convert string part of object to object Javascript

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related