getting API response [JSON like] but getting problem while parsing

Question

my API is responding as below

{"permissions":
   [{"id":1,"product_id":10,"permission_type":"ADD","name":"Add"}, 
    {"id":2,"product_id":10,"permission_type":"UPDATE","name":"Update"}, 
    {"id":3,"product_id":10,"permission_type":"DELETE","name":"Delete"}
   ]
}

when i use code

const {
    states: { permissions },
  }:any = useUMSStoreContext();

  const myJSON = JSON.stringify(permissions);
  console.log('JSON format', myJSON)

I need to get elements like name or permission_type but not getting success using Typescript. I might be picking wrong way to convert into JSON.

Do you get any errors?

Konrad
– Konrad

2023-01-31 18:38:57 +00:00
Commented Jan 31, 2023 at 18:38 — Konrad
– Konrad, Commented Jan 31, 2023 at 18:38

kah · Accepted Answer · 2023-02-06 19:40:10Z

1

Don't use stringify, just use the json object

  const myJSON = JSON.parse(permissions);
  console.log(myJson[0].permissions[0].name); // removed . typo

Simple explanation of format : https://www.json.org/json-en.html

edited Feb 6, 2023 at 19:40

kah

619 bronze badges

answered Jan 31, 2023 at 18:41

BenoitB

316 bronze badges

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

3 Comments

kah Over a year ago

const myJSON = JSON.parse(permissions); ---- gives SyntaxError: "[object Object]" is not valid JSON at JSON.parse (<anonymous>)

BenoitB Over a year ago

just a typo because fast replied, correct syntax is : let permissions = '{"permissions":\ [{"id":1,"product_id":10,"permission_type":"ADD","name":"Add"}, \ {"id":2,"product_id":10,"permission_type":"UPDATE","name":"Update"}, \ {"id":3,"product_id":10,"permission_type":"DELETE","name":"Delete"} \ ] \ }'; const myJSON = JSON.parse(permissions); console.log(myJSON.permissions[0].name); console.log(myJSON.permissions[1].permission_type);

BenoitB Over a year ago

typescript playground: typescriptlang.org/…

Collectives™ on Stack Overflow

getting API response [JSON like] but getting problem while parsing

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related