CODEWITHSUNDEEP
jsonangularobject
Kavindu Gayantha
Kavindu Gayantha

Reputation: 376

how to convert json string back to an object in Angular 8

I converted this object into JSON string. values of subject1, subject2, subject 3 are coming from input fields in angular frontend

subject = {
    "subject1": "A",
    "subject2": "B",
    "subject3": "C"
}

and now I have a JSON string like this,

const subjects = {"subject1": "A", "subject2": "B","subject3":"c"}

Like this, I saved this as a JSON string in DB. In another place, I wanted to access this string as an object as previously I made. to output these subjects separately as same as It gets as an object.

example:- First input box - subject1 value as A , Second input box - subject2 value as B

How can I put them back again like separate values into separate variables or any other way to separate them and put back into the text fields?

I just tried to get that JSON string and tried to access subject1 like subject1 = subjects.subject1 like that I can put subject1 in relevant text field. But that doesn't work. I checked previous questions like this. But they didn't answer my question. How can I solve this?

Upvotes: 2

Views: 5297

Answers (2)

Ismail Dinar
Ismail Dinar

Reputation: 426

You can use destructuring assignment:

The destructuring assignment syntax is a JavaScript expression that makes it possible to unpack values from arrays, or properties from objects, into distinct variables.

const subject = {
    "subject1": "A",
    "subject2": "B",
    "subject3": "C"
}

const {subject1,subject2,subject3} = subject;

console.log(subject1);
console.log(subject2);
console.log(subject3);

You can find more about destructuring assignment here

Upvotes: 2

N.F.
N.F.

Reputation: 4182

You can do it with JSON.parse.

  const obj = JSON.parse(subjects);
  console.log(obj.subject1);  // "A"

Upvotes: 4

Related Questions