How do I get a SINGLE value from my json? Angular 5/Typescript

Question

So I have a string[] variable and I want to only get the value of a specific key.

For example my string[] contains

{'firstname': 'john', 'lastname':'doe'}

In my view, I only want to display the last name. How do I do it?

{{myString.lastname}}

gives me blank.

{{myString}}

shows me

{'firstname': 'john', 'lastname':'doe'}

you said array? but you gave an Object. For Arrays, you need to specify the index as well. As for object, myString.lastname shiuld give you doe — Chau Tran
– Chau Tran, Commented Jan 14, 2018 at 20:27
I use string[] variable to store the json value I got from API. Not sure if this is the correct approach. — Jonathan Lightbringer
– Jonathan Lightbringer, Commented Jan 14, 2018 at 20:30
Showing a piece of code where you get the value from wouldn’t be a bad idea either — Chau Tran
– Chau Tran, Commented Jan 14, 2018 at 21:14
Storing an object in a string[] is likely why you have this problem. Try declaring it as myString: any = {}. — Brad
– Brad, Commented Jan 15, 2018 at 3:44
@JonathanLightbringer- Please store API result in an Object. Public result: object=[ ]; — Shakeer Hussain
– Shakeer Hussain, Commented Jan 15, 2018 at 4:57

David · Accepted Answer · 2018-01-14 20:30:35Z

6

You may need to parse the string to a JSON object if it is just a string

let myObj = JSON.parse(myString);

Then you can call

myObj.lastname

answered Jan 14, 2018 at 20:30

David

841 bronze badge

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

4 Comments

If myString is actually a poorly named array, OP may need myString[0]

This might be what I'm looking for. However, I'm not sure where would I put it into my code since I assign my value through observable. Any ideas?

@JonathanLightbringer you can do .map((v) => JSON.parse(v)).sub.... before de subscribe

Hey @David i am having an nested JSON i want to access nested value any idea for that would help me .... :)