How to convert string to json in Angular?

Question

Starting to the following kind of string:

const json = '{"list":"[{"additionalInformation": {"source": "5f645d7d94-c6ktd"}, "alarmName": "data", "description": "Validation Error. Fetching info has been skipped.", "eventTime": "2020-01-27T14:42:44.143200 UTC", "expires": 2784, "faultyResource": "Data", "name": "prisco", "severity": "Major"}]"}'

How can I manage this as a JSON? The following approach doesn't work

const obj = JSON.parse(json );
unuspected result

How can I parse it correctly?

In conclusion, I should extract the part relative to the first item list and then parse the JSON that it contains.

could you add information on what you are expecting because your code seams fine. — Nicolas
– Nicolas, Commented Jan 27, 2020 at 16:07
Well it depends, You json is an array, if you don't want to keep the array, you could retrieve the first element. JSON.parse('[{"result":true, "count":42}]')[0]. — Nicolas
– Nicolas, Commented Jan 27, 2020 at 16:12

Maihan Nijat · Accepted Answer · 2020-01-27 17:23:19Z

3

Your JSON is invalid. The following is the valid version of your JSON:

const json= {
    "list": [ {
        "additionalInformation": {
            "source": "5f645d7d94-c6ktd"
        },
        "alarmName": "data",
        "description": "Validation Error. Fetching info has been skipped.",
        "eventTime": "2020-01-27T14:42:44.143200 UTC",
        "expires": 2784,
        "faultyResource": "Data",
        "name": "prisco",
        "severity": "Major"
      }
    ]
}

The above is already a JSON and parsing it as JSON again throws an error.

JSON.parse() parse string/ text and turn it into JavaScript object. The string/ text should be in a JSON format or it will throw an error.

Update: Create a function to clean your string and prepare it for JSON.parse():

cleanString(str) {
    str = str.replace('"[', '[');
    str = str.replace(']"', ']');
  return str;
}

And use it like:

json = this.cleanString(json);
console.log(JSON.parse(json));

Demo:

let json = '{"list":"[{"additionalInformation": {"source": "5f645d7d94-c6ktd"}, "alarmName": "data", "description": "Validation Error. Fetching info has been skipped.", "eventTime": "2020-01-27T14:42:44.143200 UTC", "expires": 2784, "faultyResource": "Data", "name": "prisco", "severity": "Major"}]"}';
json = cleanString(json);
console.log(JSON.parse(json));

function cleanString(str) {
	str = str.replace('"[', '[');
	str = str.replace(']"', ']');
  return str;
}

edited Jan 27, 2020 at 17:23

answered Jan 27, 2020 at 16:28

Maihan Nijat

9,36313 gold badges69 silver badges118 bronze badges

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

1 Comment

Prisco Over a year ago

is there any way to take the object by doing something like : json['list']

JMP · Accepted Answer · 2020-01-27 16:29:46Z

0

Remove the double quotes from around the array brackets to make the json valid:

const json = '{"list":[{"additionalInformation": {"source": "5f645d7d94-c6ktd"}, "alarmName": "data", "description": "Validation Error. Fetching info has been skipped.", "eventTime": "2020-01-27T14:42:44.143200 UTC", "expires": 2784, "faultyResource": "Data", "name": "prisco", "severity": "Major"}]}'

answered Jan 27, 2020 at 16:29

JMP

1,9542 gold badges10 silver badges18 bronze badges

1 Comment

JMP Over a year ago

Demo in answer from Maihan

Collectives™ on Stack Overflow

How to convert string to json in Angular?

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related