Transform an array containing strings into an array containing objects within a JSON property

Question

Transform an array containing strings into an array containing objects within a JSON property

I have received the following JSON data 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 intended to contain multiple arrays, but in this case it is an array of strings. How can I convert each individual string in the lines property into an array of objects?

Thank you

javascript arrays json string stringify

Answer 1

Answer №1

If you're looking for a simple way to transform strings into arrays, one effective method is to use the eval() function.

var data = {
  "content": {
    "blocks": [
      "[{'block':'8473jsk8s2','type':'section'},{'block':'9372kdf9s9','type':'subsection'}]",
      "[{'block':'7362jdl6p5','type':'section'},{'block':'9372ksl1a0','type':'subsection'}]"
    ]
  }
}

data.content.blocks = data.content.blocks.map(block => eval(block));

console.log(data);

Answer 2

If you're looking for a simple way to transform strings into arrays, one effective method is to use the eval() function.

var data = {
  "content": {
    "blocks": [
      "[{'block':'8473jsk8s2','type':'section'},{'block':'9372kdf9s9','type':'subsection'}]",
      "[{'block':'7362jdl6p5','type':'section'},{'block':'9372ksl1a0','type':'subsection'}]"
    ]
  }
}

data.content.blocks = data.content.blocks.map(block => eval(block));

console.log(data);

Answer 3

Answer №2

There seems to be a couple of mistakes in your JSON data (I am not sure if this is the actual JSON or if it was hardcoded, so you might want to double-check). The first issue is

'line:'3007621h7s2 should be 'line':3007621h7s2
Values such as 3007621h7s2 should be '3007621h7s2'

Once you correct your JSON, you can utilize JSON.parse() to parse the string successfully

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
)

Answer 4

There seems to be a couple of mistakes in your JSON data (I am not sure if this is the actual JSON or if it was hardcoded, so you might want to double-check). The first issue is

'line:'3007621h7s2 should be 'line':3007621h7s2
Values such as 3007621h7s2 should be '3007621h7s2'

Once you correct your JSON, you can utilize JSON.parse() to parse the string successfully

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
)

Transform an array containing strings into an array containing objects within a JSON property

Answer №1

Answer №2

Similar questions

eliminate whitespace characters within a string

Bug allows unauthorized access to password in Bootstrap Password Revealer

Switch up the text when the image link is being hovered over

Updating dynamic parameter in a NextJS 13 application router: A complete guide

Issue with the intersection of mouse and camera rays in three.js

Tips for confirming schedule accuracy

Populating an array prior to AJAX transmission

Vue.js methods bound as properties on a parent object

The "smiley" character added to the information during an Ajax call

Leveraging getScript to extract JSON data from a different domain

ObjectArray in Node.js

Ways to fill in nested fields within a MongoDB schema

Having trouble submitting a form in React JS

Discover additional Atom extensions

AngularJS directive error: Incorrect function invoked

Navigate to the appropriate Angular route using HTML5 mode in Rails

Using Python to extract data from JSON containing multiple objects

The AngularJS framework is failing to disable the autocomplete feature for the input field with a password type

Utilizing asynchronous false in Wordpress Ajax functionality

Steps to resolve the days.map error: