从 reactjs 中的 json 对象获取值

Question

I have stored the address in the form of JSON in my sql database, how do I access each key and value of the object json

Users Table values:

{
id: 1, 
billing_address: "\"{\\\"country\\\":\\\"India\\\",\\\"address\\\":\\\"23, 4th cross\\\",\\\"city\\\":\\\"Udupi\\\",\\\"state\\\":\\\"Tamil Nadu\\\",\\\"zip\\\":\\\"123456\\\"}\"",
created_at: "2021-06-02T03:16:04.000Z",
email: "xxx@gmail.com",
name: "xxx"
}

The billing_address has the fields address, country, city, state and zip. How do I access each key and value inside billing_address JSON object in ReactJs?

Answer 1

To get billing address you need to use JSON.parse . With your current data format you need to use it twice. Please see below code.

 var data = { id: 1, billing_address: "\"{\\\"country\\\":\\\"India\\\",\\\"address\\\":\\\"23, 4th cross\\\",\\\"city\\\":\\\"Udupi\\\",\\\"state\\\":\\\"Tamil Nadu\\\",\\\"zip\\\":\\\"123456\\\"}\"", created_at: "2021-06-02T03:16:04.000Z", email: "xxx@gmail.com", name: "xxx" }; var billingAddress = JSON.parse(JSON.parse(data.billing_address)); console.log("Billing address:", billingAddress); console.log("Country:", billingAddress.country );

Answer 2

You can use JSON.parse() method to convert JSON string to object.

For example:

const dbAddress = 
{
 id: 1, 
 billing_address: "\"{\\\"country\\\":\\\"India\\\",\\\"address\\\":\\\"23, 4th cross\\\",\\\"city\\\":\\\"Udupi\\\",\\\"state\\\":\\\"Tamil Nadu\\\",\\\"zip\\\":\\\"123456\\\"}\"",
 created_at: "2021-06-02T03:16:04.000Z",
 email: "xxx@gmail.com",
 name: "xxx"
};

const address = 
{
  ...dbAddress,
  billing_address: JSON.parse(JSON.parse(dbAddress.billing_address)),
};

console.log(address);
console.log(address.billing_address.country);