Convert array of strings to array of objects in JSON property

Question

I have the following JSON returned from an endpoint

{
    "response": {
        "lines": [
            "[{'line':'3007621h7s2','type':'national'},{'line':'3007663f7s9','type':'international'}]",
            "[{'line':'3007262p7f6','type':'national'},{'line':'3007262a0s1','type':'international'}]"
        ]
    }
}

the property lines is an array that should contain multiple arrays, however, as you can see, lines is an array of strings. How can I make each element in the lines property to be an array of objects?

Thanks

There is a typo on your code. 'line:'3007621h7s2 should be 'line':'3007621h7s2' — Luis felipe De jesus Munoz
– Luis felipe De jesus Munoz, Commented Sep 28, 2018 at 14:55
The error is that your backend is json-encoding each line in a first step. You should not try to fix in the frontend the mistakes/bugs of your backend. — Thomas
– Thomas, Commented Sep 28, 2018 at 14:58
@Thomas that's true but let me be more clear: I don't have access to the server code so i can't modify what the response is going to be. So I'll update my question specifying that. So there is no way to do it once I get it in the front-end? — chris
– chris, Commented Sep 28, 2018 at 15:00

Adam · Accepted Answer · 2018-09-28 18:08:55Z

1

The easiest way to convert the strings to arrays is to eval() them.

var obj = {
  "response": {
    "lines": [
      "[{'line':'3007621h7s2','type':'national'},{'line':'3007663f7s9','type':'international'}]",
      "[{'line':'3007262p7f6','type':'national'},{'line':'3007262a0s1','type':'international'}]"
    ]
  }
}

obj.response.lines = obj.response.lines.map(line => eval(line));

console.log(obj);

edited Sep 28, 2018 at 18:08

answered Sep 28, 2018 at 15:18

Adam

3,9651 gold badge25 silver badges32 bronze badges

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

Comments

Luis felipe De jesus Munoz · Accepted Answer · 2018-09-28 15:01:04Z

1

There are a couple of errors with your json (I dont know if that is the actual json or it was hardcoded so you might check it). The first one is

'line:'3007621h7s2 should be 'line':3007621h7s2
Values like 3007621h7s2 should be '3007621h7s2'

When you fix your json, then you can use JSON.parse() to convert the string

var data = {
    "response": {
        "lines": [
            "[{'line':'3007621h7s2', 'type': 'national'},{'line':'3007663f7s9','type':'international'}]",
            "[{'line':'3007262p7f6', 'type': 'national'},{'line':'3007262a0s1','type':'international'}]"
        ]
    }
}

data.response.lines = data.response.lines.map(a=>JSON.parse(a.replace(/'/g,'"')))

console.log(
  data
)

answered Sep 28, 2018 at 15:01

Luis felipe De jesus Munoz

8,0133 gold badges38 silver badges54 bronze badges

1 Comment

chris Over a year ago

Yes, they were typos. I just fixed them, so I'll try your code

Collectives™ on Stack Overflow

Convert array of strings to array of objects in JSON property

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related