Javascript Convert String to Object(list/array)

Question

Problem 1: Can this be achieved in javascript?

value = "['iPhone', 'iBall']"

to

value = ['iPhone', 'iBall']

Problem 2: To make it harder, The values are encoded:

value = "[&#x27;iPhone&#x27;, &#x27;iball&#x27;]"

Where is this data coming from? Can you get the data in a "proper" JSON format to begin with? Otherwise, you'll have to "convert" this to JSON. — gen_Eric
– gen_Eric, Commented Feb 16, 2021 at 19:47
I'm a django developer. so from backend im sending a list(array) and in forntend JS script i'm recieving it but its coming as encoded like i said in problem 2. — jeevu94
– jeevu94, Commented Feb 16, 2021 at 19:53
It sounds like you need to fix this on the back-end. You should be able to properly JSON encode the data so the front-end can easily parse it. — gen_Eric
– gen_Eric, Commented Feb 16, 2021 at 19:54
For any django developers this might help. just use {{ value|safe }} instead of '{{ value }}' do not include double or single quotes — jeevu94
– jeevu94, Commented Feb 17, 2021 at 11:46

Pranav Rustagi · Accepted Answer · 2021-02-16 20:58:06Z

2

Does this help ?

var value = "['iPhone', 'iBall']";
value = JSON.parse(value.replaceAll(`'`, `"`));
console.log(value);


value = "[&#x27;iPhone&#x27;, &#x27;iball&#x27;]";
value = JSON.parse(value.replaceAll(`&#x27;`, `"`));
console.log(value);
console.log(typeof(value));

edited Feb 16, 2021 at 20:58

answered Feb 16, 2021 at 19:51

Pranav Rustagi

2,7261 gold badge8 silver badges21 bronze badges

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

5 Comments

Andy Over a year ago

This will work for the text values given, but if there were any other special characters inside the values (&, for example) I suspect it would be encoded by the server as well. I think the right solution is to solve this in the back end and return valid JSON.

jeevu94 Over a year ago

@Pranav Rustagi Yeah the answer works fine. But If you check the typeof value is still string.

jeevu94 Over a year ago

Thanks for all. I solved my probelm with the help of this answer as well as few backend changes. Previously i was sending {'key': ['values']} Not working well. so added nested dict. {key: {key: ['values']}} worked. Even this approach got me an encoded response but after replacing it(above solution). it worked well.

Pranav Rustagi Over a year ago

@AndyMerts I don't think that there will be any problem with special characters as I'm using replaceAll() which will replace the occurrences of Apostrophe, both ( ' ), as well as encoded ('), with ` " `.

Pranav Rustagi Over a year ago

@jeevu94 the type of value was object (array), and not string. I just didn't assigned the object to value variable, and generated console directly.

Collectives™ on Stack Overflow

Javascript Convert String to Object(list/array)

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related