How to parse specific object in angular or javascript?

Question

How are we going to parse following type of object in angular or javascript, maybe using for search loop or parsing?

I wanted to get the title value and assign it to title because as you can see the value of title is object:

{'title': 'Hey', 'instruction': 'Take a sad song a…75, 'sub_title': 'Jude', 'timelimit': '01:05:01'}

instead of "Hey" as you can see on the example (same also with the second object). Is there a way we can do that?

JSON array of objects format:

[  
   {  
      id:0,
      title:"{'title': 'Hey', 'instruction': 'Take a sad song a…75, 'sub_title': 'Jude', 'timelimit': '01:05:01'}"
   },
   {  
      id:1,
      title:"{'title': 'Assessment', 'instruction': 'Jude', 'cr…71, 'sub_title': 'Test', 'timelimit': '06:25:08'}"
   }
]

Desired output:

[  
   {  
      id:0,
      title:"Hey"
   },
   {  
      id:1,
      title:"Assessment"
   }
]

Its not very clear what you are trying to do, can you explain it any better? In you first JSON snippet, title is a string not an object, in the second snippet an array of two elements, title is an object, what are you trying to do? — SPlatten
– SPlatten, Commented Mar 6, 2019 at 7:15
your title value does not properly stringify.... check your title — sathish kumar
– sathish kumar, Commented Mar 6, 2019 at 7:20

Vladimir Bogomolov · Accepted Answer · 2019-03-06 07:23:22Z

1

Make sure your have the correct format in json - double quotation marks inside and single outside.

Like this

'{"title": "Hey", "instruction": "Take a sad song a…75", "sub_title": "Jude", "timelimit": "01:05:01"}'

Then you can simply do.

let jsonString = '{"title": "Hey", "instruction": "Take a sad song a…75", "sub_title": "Jude", "timelimit": "01:05:01"}';
let title = JSON.parse(jsonString).title;
console.log(title);

answered Mar 6, 2019 at 7:23

Vladimir Bogomolov

1,79414 silver badges20 bronze badges

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

4 Comments

Jhon Caylog Over a year ago

the example above is already the response i got , i can changed the format.

Vladimir Bogomolov Over a year ago

The second example 'instruction': 'Jude', 'cr…71, 'sub_title' is invalid json for sure, can confirm this is what you get as a response?

Jhon Caylog Over a year ago

I got that data from an api , thats the reponse data

satwik Over a year ago

I guess you copied directly as is shown in the developer tools. The problem is it won't show full response there as the data might be too long and so when you copied, you copied only partial response and that too invalid format.

satwik · Accepted Answer · 2019-03-06 08:34:30Z

1

var jsonObj = [  
   {  
      id:0,
      title:"{'title': 'Hey', 'instruction': 'Take a sad song a…75, 'sub_title': 'Jude', 'timelimit': '01:05:01'}"
   },
   {  
      id:1,
      title:"{'title': 'Assessment', 'instruction': 'Jude', 'cr…71, 'sub_title': 'Test', 'timelimit': '06:25:08'}"
   }
];


var updatedJsonObj = jsonObj.map( obj => { 
  return {
      ...obj, 
      title: JSON.parse(obj.title).title
  } 
});

console.log(updatedJsonObj);

//updatedJsonObj will have your required format

edited Mar 6, 2019 at 8:34

answered Mar 6, 2019 at 7:45

satwik

6075 silver badges13 bronze badges

6 Comments

satwik Over a year ago

@JhonCaylog thanks for mentioning, corrected the answer

Jhon Caylog Over a year ago

Unexpected token ' in JSON at position 1

satwik Over a year ago

@JhonCaylog JSON you provided has issues do you have actual json correct one? for example: "{'title': 'Hey', 'instruction': 'Take a sad song a…75, 'sub_title': 'Jude', 'timelimit': '01:05:01'}" has missing single quote and the other one as well completely wrong json, unless you give correct json no solution can work on that data set. Please correct the json object

Jhon Caylog Over a year ago

that is the response data i got from an api bro

Jhon Caylog Over a year ago

is there a way we can cover up missing single quote and make it a correct json? without doing it manually

|

Mayur Patil · Accepted Answer · 2019-03-06 07:51:48Z

0

Here we are doing following steps

Iterate over array
For each object, title field is not valid JSON. make it valid by using title.replace(/'/g, '"'). Then Parse JSON.
Then assign title of parsed JSON to title of object

Here is the code

arr = [  
   {  
      id:0,
      title:"{'title': 'Hey', 'instruction': 'Take a sad song a…75', 'sub_title': 'Jude', 'timelimit': '01:05:01'}"
   },
   {  
      id:1,
      title:"{'title': 'Assessment', 'instruction': 'Jude', 'sub_title': 'Test', 'timelimit': '06:25:08'}"
   }
]

arr =  arr.map((e)=> { e.title = JSON.parse(e.title.replace(/'/g, '"')).title; return e; })
// expected result is in arr

.

edited Mar 6, 2019 at 7:51

answered Mar 6, 2019 at 7:46

Mayur Patil

1302 silver badges8 bronze badges

4 Comments

Jhon Caylog Over a year ago

Unexpected token t in JSON at position 117

Mayur Patil Over a year ago

Its working as expected in browser console, you can try it in console

Jhon Caylog Over a year ago

Hi bro i have a question

Mayur Patil Over a year ago

What is the question? please ask

NTP · Accepted Answer · 2019-03-06 09:04:16Z

0

As others have stated your json is not valid but since you have mentioned that it is what you get from your backend and you cannot change it, I suggest treat your title as string and use string operations to get the desired value.

for example you can use the following to get ID and title

<div ng-repeat="item in data">
  {{item.id}} - 
  {{item.title.split('\'')[3]}}
</div>

Demo

answered Mar 6, 2019 at 9:04

NTP

4,4483 gold badges18 silver badges25 bronze badges

Collectives™ on Stack Overflow

How to parse specific object in angular or javascript?

JSON array of objects format:

Desired output:

4 Answers 4

4 Comments

6 Comments

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

JSON array of objects format:

Desired output:

4 Answers 4

4 Comments

6 Comments

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related